原型和原型链

prototype（原型）是函数才有的属性，__proto__（隐式原型）是每个对象都有的属性，__proto__指向它构造函数的prototype。

__proto__最初是一个非标准属性，ES6已将其标准化，可以用标准方法Object.getPrototypeOf()替代

var a = {}；
// a的_proto_指向函数Object的prototype

var A= function() {};
var a = new A();
// a的_proto_指向函数A的prototype

由于__proto__是任何对象都有的属性，而js里万物皆对象，所以会形成一条__propto__连起来的链条，__propto__到顶端最终指向null，上边第二个例子的图解如下：

function Person(name) {
    this.name = name;
}

let person = new Person('kiwi');

讲解person和Object的关系：

1、person是对象，对象都有__proto__（原型指针），指向构造函数的prototype（原型对象）。此处即person的__proto__属性指向Person的prototype。

2、Person是构造函数，构造函数也是函数，函数除了有原型对象外，也有原型指针。函数都是由Function构造出来的，故Person函数的原型指针指向Function的原型对象。此处即Person的__proto__属性指向Function的prototype。

3、Function是内建构造函数，内建构造函数也还是函数，除了有原型对象外，也有原型指针。函数都是由Function构造出来的，Function作为函数，是由其自身构建出来，故Function的原型指针指向其自身的原型对象。此处即Function的__proto__属性指向Function的prototype。

4、Function的原型对象，其本身也是对象，故其__proto__指向Object的原型对象。

图解：

上例中Person的prototype（红圈1）也是对象，同样拥有constructor和__proto__。函数的原型对象的constructor指向自身。函数的原型对象的原型__proto__指向Object的原型对象，因此Person.prototype的constructor属性指向Person；Person.prototype的__proto__属性指向Object的prototype。

Function的prototype（圈2）和Person的原型对象一样，即Function.prototype的constructor属性指向Function;Function.prototype的__proto__属性指向Object的prototype。

Object作为JavaScript中的内建构造函数，同样拥有原型指针和原型对象。Object既然是函数（构造对象的函数），故其__proto__指向Function的prototype。Object的prototype同样包含constructor和__proto__。Object的prototype的constructor指向自身。Object的prototype的__proto__指向null。此处即Object的__proto__属性指向Function的prototype;Object.prototype的constructor属性指向Object;Object.prototype的__proto__属性指向null。

在JavaScript中原型链的尽头指向null。由上可知：Object.__proto__ === Function.prototype；Function.prototype.__proto__ === Object.prototype，即Object作为内建函数由Function构造出来，Function作为内建构造函数又是对象。

下边为完整图解：

原型对象其实就是普通对象（但 Function.prototype 除外，它是函数对象，它很特殊，它是一个空函数（Empty function），它没有prototype属性（前面说过函数对象都有prototype属性））。

Function.prototype是唯一一个typeof 输出为'function'的prototype：

console.log(typeof Function.prototype);   // "function"

其它构造器的prototype都是一个对象。

typeof Object/Function/Array/Date/Number/String/Boolean，这些构造函数得到的结果都是"function"，所以它们的__proto__都指向Function.prototype。

typeof Object  //"function"
    Object.constructor === Function  //true
    Object.__proto__ === Function.prototype //true
    //Function,Array,String,Date,Number,Boolean,RegExp,Error同以上，它们都是构造器
 
    //Math，JSON是以对象形式存在的，无需new，它们的proto是Object.prototype
    Math.__proto__ === Object.prototype  // true
    Math.constructor === Object // true
    JSON.__proto__ === Object.prototype  // true
    JSON.constructor === Object //true
 
    typeof Function.prototype  //"function"
    typeof Object.prototype //"object"
    //除Function外的构造器的prototype用typeof得到的结果都是"object"
 
    typeof Function.prototype.prototype //"undefined"
    typeof Object.prototype.prototype //"undefined"
    Function.prototype.__proto__ === Object.prototype //true
    Object.prototype.__proto__ === null //true

转载：https://baijiahao.baidu.com/s?id=1604426873229560999&wfr=spider&for=pc

           https://segmentfault.com/a/1190000015642813

           https://blog.csdn.net/happyqyt/article/details/90740747