《JavaScript高级程序设计 第三版》 学习笔记
Object-Oriented 有一个标志,就是都有类的概念,通过类来创建多个具有相同属性和方法的对象。而对于 EMCAScript中没有类的概念,ECMA-262把对象定义为”无序属性的集合,该属性可以包含任何基本值,对象或者函数。“原型模式
每个函数都有一个prototype(原型)属性
这个属性都有一个指针,指向一个对象
这个对象包含由特定类型所有实例共享的属性和方法
使用原型的好处是 可以让所有对象实例共享它包含的方法和属性
通过in操作符和hasOwnProperty来判断给定属性是来自于原型还是实例
in- true 代表属性在对象中存在 来自实例或者来自原型hasOwnProperty- true代表属性来自于实例 是实例属性继承
ECMAScript中只支持实现继承,而且是通过原型链的方式来实现的
理解原型对象
是这样的当我们创建一个新函数的时候,会根据一组特定的规则为该函数创建一个prototype
属性,这个prototype
属性指向函数的原型对象。在默认情况下,原型对象都会自动获得一个constructor
(构造函数)属性,这个属性包含包含一个指向prototype属性所在函数的指针。所以关系就是比如有一个Person的对象Person.prototype => 原型对象原型对象.constructor => Person即 Person.prototype.constructor == Person见下图关系 将原型链作为实现继承的主要方法,基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法。
demo代码function SuperType(){ this.property = true;}SuperType.prototype.getSuperValue = function(){ return this.property;}function SubType(){ this.subproperty = false;}//SubType.prototype = new SuperType();SubType.prototype.getSubValue = function(){ return this.subproperty;}// 继承SuperType 就指向了SuperType的原型对象了SubType.prototype = new SuperType();var instance = new SubType();alert(instance.getSuperValue()); // truealert(instance.property); //true
<iframe width="100%" height="300" src="; allowfullscreen="allowfullscreen" frameborder="0"></iframe>
如果把SubType中的subproperty改成property会是怎么样呢 都会变成false
demo图解
备注:
之所以 SuperType中property属性会出现在,SubType.prototype中,是因为property是一个实例属性,而SubType.prototype是SuperType的一个实例对象,所以property属性会出现在SubType.prototype中,但是这个property相对于instance(SubType的一个实例)却又是一个原型属性,所以如果将subproperty换成property的话,在return this.property时,优先找到实例属性中有这么一个属性,就会返回实例属性。此外这里SubType.prototype.constructor 被重写了,instance.constructor指向了SuperType 看图instance.getSuperValue() 这个搜索的过程1) 搜索实例2) 搜索SubType.prototype3) 搜索SuperType.prototype搜索总是一步步向前到原型链末端停止(Object)