prototype与__proto__的区别和关系

prototype和__proto__的本质区别，记住他们的区别只需记住一句话：

prototype是在构造函数上的，而__proto__是在对象上的。所以下面我们就分别称为fn.prototype和obj.proto

两者之间的联系通过下面例子分析

如何创建一个对象？

1. new Object()

var obj=new Object();
console.log(obj.__proto__)
console.log(Object.prototype);

2.Object.create()

var obj = {a:2}
// 这里的o是以obj为原型创建的对象
var o = Object.create(obj)
var o2 = Object.create(null)
// o的__proto__是obj,也就是说 o.__proto__===obj
console.log(o.__proto__.__proto__)
console.log(Object.prototype)
console.log(o2); //No properties

3.字面量创建对象

var obj={}
console.log(obj.__proto__)
console.log(Object.prototype);

4.构造函数创建对象

function person(name,age){
  this.name=name
  this.age=age
}
var o=new person("jack",23)
console.log(o.__proto__)
console.log(person.prototype)
当然还有一些别的方法可以创建对象，实现原理都大同小异我就不一一列举出来了

总结

以上四个例子打印后我们可以发现：

1. 创建对象的本质都是通过构造函数来创建的，例如前三种创建方法它们的构造函数就是Object()本身

2. 几乎所有创建出来的对象都有__proto__属性，为什么是“几乎”呢？因为如果一个对象是由 Object.create(null) 创建的话，它是没有__proto__属性的

3. fn.prototype它也是一个对象，它也有__proto__属性

4. 每个对象的__proto__属性都指向这个对象构造函数的prototype属性，也就是说obj.proto===这个obj构造函数的prototype，所以我们在fn.protostype上添加新的属性和方法时，可以继承给所有以fn构造出来的对象上