记录下自己对js 原型的一些理解
先看一下什么是 ····原型链
function Foo(){}
Foo.prototype.num = 3;
// new Foo( ) 将返回一个对象 把这个对象赋值给了 bar
var bar = new Foo();
// bar 是怎么找到的原型下面的num呢?
alert(bar.num); //3
bar并没有num 属性,它是怎么拿到3的呢 此处的 bar 就是通过原型链找到了值
原型链:
JavaScript中的对象有一个特殊的 __proto__
内置属性,其实就是对于其他对象的引用(关联)。当我们使用 function关键字声明一个函数时,系统会自动创建一个对象,访问这个对象可以通过 函数名.prototype 访问(我们一般把这个对象叫做原型对象),当使用 new 关键字调用函数(这时我们一般把这个函数称为构造函数)时其中有一个步骤就是对创建的对象进行原型关联,关联到声明函数时创建的那个对象(函数名.prototype指向的那个对象)。
上面例子 中使用 new 关键字调用 Foo()函数时会创建一个对象我们把这个对象赋值给了 bar ; bar对象内部的.__proto__
属性会关联到声明函数时创建的那个对象(Foo.prototype) , bar.num属性在bar中无法找到时,就会访问bar.__proto__
查找,这个过程会持续到找到匹配的属性名或者查找完整条prototype链(所有普通的[[Prototype]]链最终都会指向内置的Object.prototype)
,因此上面例子的原型链是这样的
bar.__proto__ -- 指向 --> Foo.prototype --然后(Foo.prototype.__proto__) -- 指向 --> Object.prototype
因此
每个构造函数都有一个原型对象,原型对象都包含一个指向构造函数的指针,而实例都包含一个指向原型对象的内部指针。那么,假如我们让原型对象等于另一个类型的实例,结果会怎么样呢?显然,此时的原型对象将包含一个指向另一个原型的指针,相应地,另一个原型中也包含着一个指向另一个构造函数的指针。假如另一个原型又是另一个类型的实例,那么上述关系依然成立,如此层层递进,就构成了实例与原型的链条。这就是所谓原型链的基本概念
对prototype更详细的介绍请看这里(https://developer.mozilla.org...
原型链的问题
一
包含引用类型值的原型属性会被所有实例共享;(而这也正是为什么要在构造函数中,而不是在原型对象中定义属性的原因)在通过原型来实现继承时,原型实际上会变成另一个类型的实例。于是,原先的实例属性也就顺理成章地变成了现在的原型属性了。下列代码可以用来说明这个问题。
function SuperType(){
this.colors = ["red", "blue", "green"];
}
function SubType(){}//继承了SuperType
SubType.prototype = new SuperType();
var instance1 =newSubType();
instance1.colors.push("black");
//"red,blue,green,black"
alert(instance1.colors);
var instance2 = new SubType();
//"red,blue,green,black"
alert(instance2.colors);
SuperType构造函数定义了一个colors属性,该属性包含一个数组(引用类型值)。SuperType的每个实例都会有各自包含自己数组的colors属性。当SubType通过原型链继承了SuperType之后,SubType.prototype就变成了SuperType的一个实例,因此它也拥有了一个它自己的colors属性——就跟专门创建了一个SubType.prototype.colors属性一样。但结果是什么呢?结果是SubType的所有实例都会共享这一个colors属性。而我们对instance1.colors的修改能够通过instance2.colors反映出来,就已经充分证实了这一点。
二
在创建子类型的实例时,不能向超类型的构造函数中传递参数。实际上,应该说是没有办法在不影响所有对象实例的情况下,给超类型的构造函数传递参数。有鉴于此,再加上前面刚刚讨论过的由于原型中包含引用类型值所带来的问题,实践中很少会单独使用原型链
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。