大家好，又见面了，我是全栈君。
首先，先介绍一个今天的主角：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指向该方法的原型对象。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/107622.html原文链接：https://javaforall.net
