JS中prototype和__proto__的关系和区别

定义

原型(prototype) 是function对象的一个属性，它定义了构造函数构造出的对象的公共祖先。通过该构造函数产生的对象，可以 继承该原型的属性和方法 。

所有对象都具有属性__proto__ (系统隐式属性) ，可称为隐式原型，一个对象的隐式原型指向构造该对象的构造函数的原型。

两者间的关系

默认情况下，通过new关键字创造对象时，会将实例对象的__proto__属性赋值为原型对象。隐含如下过程：

    function Person(){
        //var this = {
        //    __proto__ : Person.prototype
        //}
    }
    var person = new Person();

由此可知， 对象实例的__proto__属性 即为 原型对象。

在控制台中输出如下：

person.__ proto __
{constructor: ƒ}
constructor: ƒ Person()
__ proto __: Object

Person.prototype
{constructor: ƒ}
constructor: ƒ Person()
__ proto __: Object

这里可以看到，原型对象也是对象，也存在一个 __ proto __ 属性。在控制台中输出如下：

Person.prototype.__ proto __
{constructor: ƒ, __ defineGetter__: ƒ, __ efineSetter __ : ƒ, hasOwnProperty: ƒ, __ lookupGetter __: ƒ, …}

而输入Object.prototype，输出为：

Object.prototype
{constructor: ƒ, __ defineGetter__: ƒ, __ efineSetter __ : ƒ, hasOwnProperty: ƒ, __ lookupGetter __: ƒ, …}

两者相同，即说明原型对象的__proto__属性指向它的 构造函数的原型对象。即 Object.prototype

需要另外注意的是，Object.prototype的__proto__属性指向 null。

Object.prototype.__ proto __
null

即：原型链的终点是null。

区别

__proto__属性是对象所独有的；prototype属性是函数所独有的。

但是由于在JS中，函数也是一种对象，所以函数也拥有__proto__属性。

简言之，在JS中，所有对象都具有属性__proto__；只有function对象才有原型属性（prototype）。

补充

1、undefined和null没有原型，也就不可能有toString()方法。因此在执行null.toString()和undefined.toString()会报错。

2、大多数对象最终都会继承自Object.prototy。用Object.create()创建的对象除外。
Object.create()括号内只能写null或对象。

3、帮助理解的图
图片: