日期:2014-05-16  浏览次数:20383 次

js中原型链的深入理解

  理解原型链,首先要理解一些关于ECMAScript中一些关于构造函数,原型的语法含义。

  创建一个新函数,则会为该函数创建一个prototype属性,这个原型属性有一个constructor(构造函数)属性,这个属性指向prototype所在的函数。即这个属性是一个指针。当调用构造函数创建实例的时候(new XXX)的时候,创建后的实例内部包含一个指针(内部属性__proto__),该指针指向构造函数的原型属性prototype。根据这些定义,可以得到如下构造函数,原型和实例的关系:

  构造函数、原型和实例的关系:每个构造函数都有一个原型对象protorype,原型对象都包含一个纸箱构造函数的指针constructor,而实例都包含一个指向原型对象protorype的指针__proto__。

  假如让原型对象protorype等于另一个类型的实例,结果会怎样呢?显然,此时的原型对象protorype将包含一个指向另一个原型的指针__proto__,相应地,另一个原型protorype中也包含着一个指向另一个构造函数的指针。。。假如另一个原型又是另一个类型的实例,那么上述关系依然成立,如此层层递进,就构成了实例与原型的链条,这就是所谓的原型链的概念。