js原型和原型链的理解是什么?

JavaScript09

js原型和原型链的理解是什么?,第1张

讲原型和原型链,如果是讲定义,那很是晦涩难懂,今天我们就通俗易懂的说说原型与原型链。还需要借助阮老师的“Javascript继承机制的设计思想”。

1,比如我们还要针对学生统计每个人的总分是多少,我们改造构造函数Person,构造函数上有个 prototype属性,这个属性就是这个构造函数的原型(显式原型),这个原型是函数特有,prototype对象默认有两个属性,constructor属性和__proto__属性。

2,constructor,这个属性包含了一个指针,指回原构造函数。通过控制台输出,我们可以看到我们实例化的对象,有个__proto__属性,这个属性就是隐式原型,这个__proto__是所有对象都有的属性。

3,由于JavaScript的一切都是对象(除undefined),又由于所有对象都有__proto__属性,__proto__又指向构造函数的prototype,当我们访问一个对象的属性时。

4,如果这个对象内部不存在这个属性,那么他就会去__proto__里找这个属性,这个__proto__又会有自己的__proto__,于是就这样 一直找下去,也就是我们平时所说的原型链的概念。原型链,说明是链式,而不是环,说明有终点,它的终点是null。

prototype 翻译过来是原型的意思,在 js 中特指对象的原型

prototype 对象是 js 实现面向对象的一个重要机制

每个函数也是一个对象(划重点),他们对应的类是 function ,每个函数对象都有一个子对象 prototype

prototype 代表了该函数的原型,还表示了一个类的属性的集合

当用 new 来生成一个对象时, prototype 对象的属性将会成为实例化的对象的属性

使用场景:

我们把所有方法都放在一个函数内部,每一次通过 new 一个对象的时候,新创建的对象都会对类的 this 上的属性进行复制,所以这些新创建的对象都会有自己的一套方法,这样做对内存消耗很大,我们可以通过原型的方式去处理