用脑图画的一张指向说明图,后面会对图中的指向关系做一个说明,并且会通过代码进行校验。
分解说明
1、函数a有一个prototype指向a的原型对象,原型对象中会有一个constructor属性指向a函数本身。 2、通过new关键字对a函数进行实例化一个b对象,在b对象中会有一个__proto__
属性指向实例化b对象的构造函数的prototype原型对象。然后prototype就能找到a函数。从而建立了一条b对象查找到a构造函数的路径,这个关系路径就是原型链。
代码校验
在下面的代码中,我们针对上图的关系指向,进行了打印,看输出结果来进行校验。
// 定义了一个函数a function a () { this.id = 1}// 打印a函数console.log(a)// 打印a函数的原型对象console.log(a.prototype)// 打印a函数的原型对象的constructor是否为a函数本身console.log(a.prototype.constructor === a)console.log('------------- 分割线 -------------')// 对a函数实例化一个b对象var b = new a ()b.name = '张三'// 打印b对象console.log(b)// 打印b对象的__proto__指向console.log(b.__proto__)// 打印b对象的__proto__ 是否为 a函数的原型对象console.log(b.__proto__ === a.prototype)复制代码
代码的运行结果
在上面的代码中已经使用原型链实现了一个继承,对象b中没有定义id属性,但是打印出来的结果中,可以看到b对象除了有自己的name属性之外还有一个id出现,那么这个id属性是怎么来的呢? 它就是通过上面我们说到的这个原型链指向关系然后在a构造函数中继承过来的。
转载请说明出处.谢谢!