图解 js 原型链

前言

想要理解好js的继承，需要理解原型链，这是JavaScript的基础的重点。看了很多资料都是文字描述，原型关系描述的不够形象，在此基于自己的理解及参考网上的资料写下这篇文章。这里仅写下一点浅见，不足之处欢迎拍砖。

原型对象

js对象都有一个prototype对象属性，我们可以在这个原型对象上，添加方法、属性。

function Person(name) {
    this.name = name;
}
Person.prototype.say = function (params) {
     console.log('what!');
}

那么，这个Person构造函数，内部的关系是什么呢？看看这个图。Person === Person.prototype.constructor.

原型指针

js对象都具有一个__proto__属性，它指向他的原型。
（1）Person的原型是FUNCTION.prototype，也就是Person.__proto__ === FUNCTION.prototype。自然的，FUNCTION.prototype也是一个对象，它指向Object.prototype，也就是FUNCTION.prototype.__proto__ === Object.prototype
（2）Person.prototype 是一个对象，那么他的原型当然是Object了，也就是Person.prototype.__proto__=== Object.prototype。
（3）发现它们最终的指向都是Object.prototype，那这东西指向谁呢？这时候要感悟一下四大皆空，道法自然的一生二、二生三、三生万物了。他们最终指向null，null派生出所有的东西。
最终得到如下图所示的原型关系。

原型链

通过上述的对象内关系描述，和对象间的关系描述，得到原型链示意图如下。

参考文献

1.大佬文章写的真不错，大家可以看看。