prototype和__proto__ ​

在学习js的原型和继承的时，容易混淆prototype和__proto__的含义，于是写篇文章来总结一下，其实要记住他们的区别只需记住一句话：

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

那它们之间又有什么联系呢？我们通过下面例子分析

创建对象的方法 ​

1. new Object() ​

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

2.字面量创建对象 ​

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

3.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

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构造出来的对象上