JavaScript——原型和原型链

js中的原型和原型链在网上的解释都不那么易懂，下面通过一个例子来讲明白。

当创建一个对象（或函数、数组） let obj = { name:'liqingwei }时，我们可以发现能使用很多种函数，但是我们并没有定义过它们。

当我们在浏览器中打印 obj 时你会发现，在 obj 上居然还有一个__proto__属性（隐式原型），那么看来之前的疑问就和这个属性有关系了。

其实每个 JS 对象都有 __proto__属性，这个属性指向了原型。这个属性在现在来说已经不推荐直接去使用它了，这只是浏览器在早期为了让我们访问到内部属性 [[prototype]] 来实现的一个东西。它里面有这些东西：

其实原型也是一个对象，并且这个对象中包含了很多函数，所以我们可以得出一个结论：对于 obj 来说，可以通过 __proto__找到一个原型对象，在该对象中定义了很多函数让我们来使用。
在上面的图中我们还可以发现一个 constructor 属性（显式原型），也就是构造函数，它里面有这些：

打开 constructor 属性我们可以发现其中有一个比较熟悉的 prototype 属性，并且这个属性对应的值和先前我们在 __proto__中看到的一模一样。所以我们又可以得出一个结论：原型的 constructor 属性指向构造函数，构造函数又通过 prototype 属性指回原型，但是并不是所有函数都具有这个属性，Function.prototype.bind() 就没有这个属性。

看完这张图，大概都懂了原型和原型链，其实原型链就是多个对象通过 __proto__的方式连接了起来。为什么 obj 可以访问到 valueOf 函数，就是因为 obj 通过原型链找到了 valueOf 函数。

总结一下：

• Object 是所有对象的爸爸，所有对象都可以通过 __proto__找到它
• Function 是所有函数的爸爸，所有函数都可以通过 __proto__找到它
• 函数的 prototype 是一个对象
• 对象的 __proto__属性指向原型，__proto__将对象和原型连接起来组成了原型链