2020-10-29 原型继承

1、原型（prototype、__proto __）

• 每个函数在被创建的时候，都会伴随着产生一个原型，如果函数只是作为普通函数调用，原型没有任何作用
• 当函数以构造函数的形式调用的时候，它所创建的对象中都会由一个隐含的属性(_ proto _ )，指向该构造函数的原型对象
• 原型对象相当于一个公共区域，所有同一个类的的实例都可以访问，我们就可以把公共的属性和方法放到原型中去
• 当我们访问一个属性或方法时，他会先在自身中寻找，如果没有，再去原型中寻找

function Person(name){
	Person.prototype.name = name;
	Person.prototype.sayHI = function(){
		console.log(this.name +'你好');
	}
}

var per = new Person('tom');
per.sayHI();//tom你好
var per2 = new Person('jerry');
per.sayHI();//jerry你好
console.log(per.__proto__);//通过__proto__可以拿到原型中的值

• 每个被实例化的对象，都会有一个属性，叫__proto__，如下图的 person 对象，每一个实例对象的__proto__属性，都等于构造函数的 prototype 属性，他们都指向这个公共区域
• 每一个函数的 prototype 属性对象中又含有一个 constructor 属性，这个属性又指向自身
• 每一个函数的 prototype 属性对象中还有__proto__属性，指向 Object.prototype
• Object.prototype 再向里找__proto__就为 null ,这里就充分说明了之前检测 null 的类型为什么是 object

2、原型继承

原型的基本结构了解之后，我们就可以利用原型来进行不同函数属性和方法的继承

function Animals(name,age){
	this.name = name;
	this.age = age;
	this.sleep = function(){
		console.log(this.name + '在睡觉');
	};
}

function Dog(name,age){
	this.__proto__ = new Animals(name,age);
	this.wang = function(){
		console.log(this.name + '汪汪叫');
	};
}

var dog = new Dog('小狗',3);
dog.sleep();//小狗在睡觉
dog.wang();//小狗汪汪叫

上面的代码中，定义了一个动物构造函数和狗的构造函数，我们让小狗实例化时对象的__proto__指向动物构造函数的 prototype，（上一篇中讲过实例化的原理）可以看到我们不但能够拿到狗函数自身的 wang 方法，还能拿到动物构造函数的 sleep 方法
这就是继承，通过改变原型的指向，达到使用任意构造函数中属性和方法的目的