记录下自己对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反映出来,就已经充分证实了这一点。

在创建子类型的实例时,不能向超类型的构造函数中传递参数。实际上,应该说是没有办法在不影响所有对象实例的情况下,给超类型的构造函数传递参数。有鉴于此,再加上前面刚刚讨论过的由于原型中包含引用类型值所带来的问题,实践中很少会单独使用原型链


fsme
781 声望3 粉丝