JavaScript中的原型和原型链

一、原型

1. 每个函数都有一个prototype属性，被称为显示原型；
2. 每个实例对象都有一个__proto__属性，被称为隐式原型；
3. 每个实例对象的隐式原型都会指向自身构造函数的显示原型；
4. 每个原型身上都有一个constructor属性指向它的构造函数。

PS:补充对象的理解

1. 所有的对象都是通过new一个函数创建的，这个函数称为构造函数；
2. 函数也是一个对象，对象不一定是函数；
3. 对象赋值给变量后，变量保存的是一个地址，这个地址指向对象所在的栈内存当中。

二、原型的作用

1. 数据共享，节约内存空间。所有属于这个构造函数的实例对象都共享它所包含的属性和方法。
2. 继承。实例对象通过__proto__属性从函数的prototype原型身上继承了它的属性和方法到实例对象自己身上，例如func.prototype.name = ‘你好’，通过继承我们也可以在实例对象object.name访问到这个属性。

// Person这个函数里有name属性，eat、sleep方法
function Person(name) {
	this.name = name
	this.eat = function () {
		console.log('吃')
	}
	this.sleep = function () {
		console.log('睡')
	}
}
// xiaoming是Person的实例对象，并且在new这个函数的时候传了小明这个参数进去
// 此时 xiaoming.__proto__.name == Person.prototype.name == '小明' -- true
var xiaoming = new Person('小明')
// 实例对象会继承对象原型身上的所有属性和方法
console.log(xiaoming.name, xiaoming.eat, xiaoming.sleep)

三、原型链

获取对象属性时，如果对象本身没有这个属性，那就会去他的原型__proto__上去找，如果还查不到，就去找原型的原型，一直找到最顶层(Object.prototype)为止，Object.prototype对象也有_proto__属性值为null。

无论通过一个函数创建了多少个实例对象，这些实例对象都会继承对象原型上属性和方法

var Animal = function(){}
Animal.prototype.name = '小七'
var cat = new Animal()
var dog = new Animal()
console.log(cat.name == '小七') // true
console.log(dog.name == '小七') // true
// cat上没有age这个属性，就会通过__proto__去原型中找
// 没找到就会__proto__去原型的原型中找
// 一直到最顶层也为null就停止
console.log(cat.age)  // undefined