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

JavaScript08

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

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

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

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

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

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

每个 JavaScript 对象内部都有一个指向其它对象的“指针”或者 “引用“， 并通过这种方式在对象之间建立了一种联系，形成了一种链式结构，我的理解这就是所谓的原型链。

function F() {} // F 是一个函数，函数也是对象，而且每个函数都有一个属性叫："prototype"

var o = new F() // F.prototype 就是 o 的原型对象

console.log(o.name)

// 输出： undefined

F.prototype.name = "foo"

console.log(o.name)

// 输出： foo

// 上面这个例子是想说明：通过 new 在对象 o 与对象 F.prototype 之间建立了联系， 这个建立联系

// 的方式有人叫 "原型继承" 。 当访问的对象属性不存在时，就会沿着原型链去查找。