__proto__和prototype的关系

一、构造函数

function Foo(){};
var f = new Foo;

用来初始化新建对象的函数称为构造函数，上述例子中Foo就是构造函数。

var f1 = new Foo;
var f2 = new Foo;
console.log(f1 === f2);    // false

每new出来一个新对象都会为它开辟一个新的地址空间，所以f1不是绝对等于f2。

二、proto和prototype

首先要知道的是，proto和prototype不是一个概念。

proto称之为隐式原型，实例对象的proto指向的是构造该对象的构造函数的原型。

function Foo(){};
var f1 = new Foo;
console.log(f1.__proto__ === Foo.prototype);    //true

需要了解的是proto是非标准得到对象的原型对象的方法，Chrome和Firfox对proto支持比较好，但是IE就不行了。标准获取方式是Object.getPropertyOf(obj)，这是ES5提供获取对象的原型对象的标准方法。

而prototype为显示原型，指向实例对象的原型对象。通过同一个构造函数实例化出多个对象，这些对象具有相同的原型对象。

proto是每个对象都具有的属性，而prototype是构造函数才具有的。

举个例子：

function Foo(){};
Foo.prototype.a = 1;
var f1 = new Foo;
var f2 = new Foo;

console.log(f1.a == f2.a);    // true
console.log(f1.__proto__ === f2.__proto__);    //true

下面是我画的一张简单的proto和prototype对应图：

我们通过prototype实现JS的继承。

三、constructor

原型对象有一个属性叫constructor，指向该原型对象对应的构造函数；

function Foo(){};
console.log(Foo.prototype.constructor === Foo);    // true

由于继承的关系，Foo实例出的对象也具有constructor属性，指向原型对象对应的构造函数：

var f = new Foo();
console.log(f.constructor === Foo);    // true