javascript 之 prototype与__proto__

首先，先介绍一个今天的主角：proto（隐式原型）与prototype（显式原型）

什么是__proto__和prototype？

prototype（显式原型）
在每一个函数（请注意是函数）创建之后都会有一个叫prototype的属性，这个属性指向的是函数的原型对象。

__proto__（隐式原型）
javascript 中任意对象都具有一个内置属性，在ES5之前并没有标准的方法访问这个属性，但是在绝大多数浏览器中都支持通过__proto__来访问这个属性，我们叫他隐式原型

prototype 和 __proto__之间的联系

首先我们来看一个例子：

 function Foo(){}

 var foo = new Foo();

 foo.__proto__ === Foo.prototype; //=>true

由上面我们可以看出函数foo的隐式原型指向其构造函数的显式原型.

通过这个我们能得出一个这样的结论么：
某对象（万物皆对象）.__proto__ === 其构造函数.prototype么，
答案是否定的，我们来看以下例子：

let obj = {name: 'zarr'};
let sonObj = Object.create(obj);
console.log(sonObj.name); //=>zarr
console.log(sonObj.__proto__ === obj.prototype) //=>false
console.log(sonObj.__proto__ === obj) //=>true 

ok，我们再看一个例子

var Obj = { a: 13 };
var obj = Object.create(Obj);
console.log(obj.a); //=>13
console.log(obj.__proto__ === Obj) //=>true

var Func = function () {
    this.a = 'ds';
}

var func = Object.create(Func);
console.log(func.__proto__ === Func.prototype) //=>false
console.log(func.__proto__ === Func) //=>true
console.log(func.a) //undefined

不是说一个对象的隐式原型等于起构造函数的原型？ 为什么这个时候又等于这个构造函数了？
这就要分析一下Object.create的实现了，其实实现起来也不难，大家看下面

Object.create = function(obj){
     function f() {} 
     f.prototype = obj;
     return new f();
}

这下明朗了, 通过Object.create构造出的对象其实还是new出来的对象，比如上例的var func = Object.create(Func)； func.__proto__ === f.prototype === Func,
func.__proto__ === f.prototype这个还是成立的，但是由于函数f在调用完Object.create方法之后就被销毁了，所以只有func.__proto__ === Func。

ok,最后总结一下
1.对象有属性__proto__,指向该对象的构造函数的原型对象。
2.方法除了有属性__proto__,还有属性prototype，prototype指向该方法的原型对象。