问__proto__ VS.JavaScript中的原型

EN

__proto__是在查找链中用于解析方法等的实际对象。prototype是在使用new创建对象时用于构建__proto__的对象

( new Foo ).__proto__ === Foo.prototype;
( new Foo ).prototype === undefined;

prototype是函数对象的属性。它是由该函数构造的对象的原型。

__proto__是对象的内部属性，指向其原型。尽管事实上的标准__proto__更快，但当前标准提供了等效的Object.getPrototypeOf(obj)方法。

您可以通过将函数的instanceof与对象的prototype链进行比较来查找__proto__关系，并可以通过更改prototype来打破这些关系。

function Point(x, y) {
    this.x = x;
    this.y = y;
}

var myPoint = new Point();

// the following are all true
myPoint.__proto__ == Point.prototype
myPoint.__proto__.__proto__ == Object.prototype
myPoint instanceof Point;
myPoint instanceof Object;

这里的Point是一个构造函数，它以过程化的方式构建一个对象(数据结构)。myPoint是由Point()构造的对象，因此Point.prototype会在此时保存到myPoint.__proto__。

prototype属性在声明函数时创建。

例如：

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

一旦声明了上面的函数，就会在内部创建Person.prototype属性。可以将许多属性添加到Person.prototype中，这些属性由使用new Person()创建的Person实例共享。

// adds a new method age to the Person.prototype Object.
Person.prototype.age = function(){return date-dob}; 

值得注意的是，默认情况下，Person.prototype是一个Object文本(可以根据需要进行更改)。

使用new Person()创建的每个实例都有一个指向Person.prototype的__proto__属性。这是用于遍历以查找特定对象的属性的链。

var person1 = new Person(somedate);
var person2 = new Person(somedate);

创建两个Person实例，这两个对象可以调用Person.prototype的age方法作为person1.age，person2.age。

在您的问题的上图中，您可以看到Foo是一个Function Object，因此它有一个指向Function.prototype的__proto__链接，而Function.prototype又是Object的一个实例，并且有一个指向Object.prototype的__proto__链接。proto链接在这里结束，Object.prototype中的__proto__指向null。

任何对象都可以访问由__proto__链接的原始链中的所有属性，从而形成原型继承的基础。

__proto__不是访问原型链的标准方式，标准但类似的方法是使用Object.getPrototypeOf(obj)。

下面的instanceof运算符代码提供了更好的理解：

当对象是类的实例时，对象instanceof类运算符返回true，更具体地说，如果在该对象的原始链中找到Class.prototype，则该对象是该类的实例。

function instanceOf(Func){
  var obj = this;
  while(obj !== null){
    if(Object.getPrototypeOf(obj) === Func.prototype)
      return true;
    obj = Object.getPrototypeOf(obj);
  }
  return false;
}      

上面的方法可以调用为：instanceOf.call(object, Class)，如果object是类的实例，则返回true。