彻底理解原型链

相关概念:

实例,构造函数,原型对象,prototype属性,__prototype__属性

金科玉律:

1. prototype是函数的属性,__proto__是对象的属性。

所有函数都有prototype属性,所有对象都有__proto__属性。

2. 某类的实例.__proto__ === 该类构造函数.prototype === 该类原型对象

(举例:n.__proto__ === Number.prototype === Number的原型对象,

其中,Number的原型对象是一个“Number父类(Object)的实例)

3. 原型对象里的constructor属性指向回该类的构造函数

道理讲完了,用问题当入口梳理串起来:

首先我们用构造函数new一个实例,发生了什么?

新建一个对象,构造函数里的this赋给它,this.属性/this.方法都给它(不挂在this上无效)。

因此创建好的实例对象有了构造函数里this挂载的所有属性和方法。

重点在这:新实例的__proto__属性被构造函数的prototype属性赋值,一同指向该类的原型对象。

怎么搞继承(基本原理)?

 子类构造函数.prototype  = 父类实例;

这样根据上述逻辑,new出来的子类实例的__proto__属性会指向该父类实例。用处接着看。

当js要查找对象的某个属性,具体如何顺着原型链查找?

实例.属性? => 实例.__proto__.属性?(子类原型对象.属性/父类实例.属性)

=> 实例.__proto__.__proto__.属性?(父类原型对象.属性/父父类实例.属性)

发布了34 篇原创文章 · 获赞 1 · 访问量 7910

猜你喜欢

转载自blog.csdn.net/landiyaaa/article/details/88002025