组合式继承深度剖析

如何能将js当成是面向对象的编程语言，js真的是很灵巧，他没有标准意义上的class，但是其prototype给js附上的能量是巨大的。不好意思，感慨了一下。那么切入正题。what called 组合式继承。

我们先看看普通的类式继承

function a(){
	this.book=[1,2,3];
	}
function b(){}
b.prototype= new a();

这样就完成了一个简单的继承，此时如果利用b的构造函数构建的实例就会有a里面的属性。

var c= new b();
console.log(c.book);//[1,2,3]

这样在c的属性里面也可以访问到book属性。但是实际上我们访问的是b中的引用。会导致什么问题呢 ？

function a(){
	this.book=[1,2,3];
	}
function b(){}
b.prototype= new a();
var c= new b();
var d=new b();
console.log(c.book);//[1,2,3]
console.log(d.book);//[1,2,3]

这样能理解吧 。

c.book.push(3);
console.log(c.book);//[1,2,3,3]
console.log(d.book);//[1,2,3,3]

这是什么情况，我在c的book里面添加了一个元素，为什么我在c的实例里面也能访问到？

看看我们b这个构造函数是如何完成对于a的继承的。

首先，我们是new了一个a的实例，然后将此实例添加到b的prototype中，我们在构造c和d的时候呢，只是对其b的prototype的抽象引用，其本质还是原来的那个this.book,其实以及更不是那个this.book了，我们暂且说是obj.book，就是我们实例化之后的那个实例里面的，只不过实例化里面的this也是上一层构造函数的。实在是有点绕，我们就认为是b原型里面的this.book，那么我们如何去解决这样的问题呢？

function a(){
	this.book=[1,2,3];
	}
a.prototype.aa=function(){console.log(this.book);};
function b(){
	a.call(this);
	}
b.prototype=new a();
var c=new b();
var d= new b();
c.book.push(3);
console.log(c.book);//[1,2,3,3]
console.log(d.book);//[1,2,3]

最重要的就是那个

a.call(this);

在b的作用域里面执行a的函数，这样就会在各自的作用域里面实例化各自属于自己的属性。

这次是关于引用值的问题。