原型链初步理解

---

前言

谈一下自己对原型链的理解，如有不对请指出，谢谢！

---

一、 原型：

什么是原型（prototype）？

我们所创建的每一个函数，解析器都会向函数中添加一个属性 prototype， 此属性对应一个对象，这个属性只有在构造函数中起作用，原型对象就相当于一个公共的区域，所有人都能访问。

显式原型（prototype）

每个函数都会有一个prototype属性，即显示原型，默认指向一个空的对象。

隐式原型（__proto__）

实例对象中有一个 __proto__ 属性，即隐式原型。

---

  <script>
    // Object 一开始就存在   是由函数创建的
    console.log(Object);
    // Object.prototype 中有很多方法，其中 __proto__ 为null

    // 创建一个函数
    function A() {}

    // new 一个实例b
    var b = new A();

    // 实例对象b的 __proto__ 属性值就是函数对象 A 的prototype
    console.log(b.__proto__ === A.prototype);  //true
  </script>

二、原型链

什么是原型链？

访问一个对象属性时，先在自身属性中查找，找到返回，若没有则沿着__proto__ (隐式原型链)这条链查找，找到返回，没找到返回undefined

       作用：查找对象的属性（方法）

图片来源于知乎

一切皆对象?

但对象是函数创建出来的，而函数是由函数自己创建 ,不知可不可以说一切皆函数呢？我认为只是我认为函数是对象，但对象不一定是函数。

<script>

function A(){}    //实际上就是 A = new Function   而 Function = new Function       

console.log(A.__proto__ == Function.prototype)         //true
console.log(Function.__proto__ == Function.prototype)  //true
</script>

结合上图

函数会有隐式原型和显示原型两个属性，实例对象则只有隐式原型

所有的函数都是Function的实例（包括Function），所以都有一个__proto__属性指向Function.prototype，而Function.prototype中的__proto__属性会指向一个空对象，空对象中的__proto__指向null，即到了原型的尽头。

总之，实例对象的隐式原型总指向函数的显式原型，函数的显式原型会沿着隐式原型指向一个空对象，空对象中的隐式原型会指向null，至此结束。