原型链以及继承

原型链

原型链是实现继承的主要方法，基本思想是利用原型让一个引用类型(Object,Array等)继承另一个引用类型的属性和方法。

基本模式如下:

<script>
		function Father(){
			this.property = true;
		};
		Father.prototype.getPro = function(){
			return this.property;
		};
		function Son(){
			this.subproperty = false;
		};
		//继承了Father
		Son.prototype = new Father();

		var person = new Son();
		console.log(person.getPro());  //true
	</script>

在通过原型链实现继承时，不能使用对象字面量创建原型方法，这样会重写原型链。

//继承了Father
		Son.prototype = new Father();

		//使用字面量添加方法 会导致上一条代码无效
		Son.prototype = {
			getSub : function(){
				return this.subproperty;
			}
		};

		var person = new Son();
		console.log(person.getPro()) //errors

原型链的问题: 

包含引用类型值的原型属性会被所有实例共享。

经典继承:

<script>
		function Father(){
			this.num = [1,2,3,4];
		};
		function Son(){
			//继承了 Father
			Father.call(this); 
		};
		var person1 = new Son();
		person1.num.push(5);
		alert(person1.num);  //1,2,3,4,5

		var person2 = new Son();
		person2.num.push(6);
		alert(person2.num)  //1,2,3,4,6
	</script>

组合继承:

<script>
		function Father(name){
			this.name = name;
			this.num = [1,2,3,4];
		};
		Father.prototype.sayName = function(){
			alert(this.name);
		};
		function Son(name,age){
			//继承属性
			Father.call(this,name);
			this.age = age; 
		};

		//继承方法
		Son.prototype = new Father();
		Son.prototype.constructor = Son;
		Son.prototype.sayAge = function(){
			alert(this.age);
		};

		var person1 = new Son('gao',22);
		person1.num.push(5);
		alert(person1.num);   //1,2,3,4,5
		person1.sayName();    //gao
		person1.sayAge();     //22

		var person2 = new Son('liang',23);
		person2.num.push(6);
		alert(person2.num);    //1,2,3,4,6
		person2.sayName();	   //liang
		person2.sayAge();	   // 23


	</script>

原型式继承: 

借助原型可以基于已有的对象创建新对象(必须有一个对象可以作为另一个对象的基础)

使用 Object.create()

<script>
		var person = {
			name:'gao',
			age:[1,2,3]
		};
		var person1 = Object.create(person);
		person1.age.push(4);

		var person2 = Object.create(person);
		person2.age.push(5);

		console.log(person.age);  //1,2,3,4,5
	</script>

  Object.create()返回了一个新对象(person1，person2) ，将person作为原型，新对象的原型中包含引用类型值和基本类型值，所以 age属性会被person1 person2 共享，相当于创建了2个person对象的副本。

总结于JavaScript高级程序设计