JavaScript中的承袭

JavaScript中的继承
最近看Sencha的源码被那4万多行代码震慑了。
里面使用了不少继承，我也忘的差不多了，这里权当复习一下。

1.对象冒充

function magician(name,skill){  this.name = name;  this.skill = skill;  this.perform = function(){  alert(this.name+":"+this.skill+"!!!");  }}function magicgirl(name,skill,age){  this.newMethod = magician;  this.newMethod(name,skill);  delete this.newMethod;//删除该指针  this.age = age;  this.performMore = function(){  alert("A maigc girl only "+this.age+" years old!");  }}var me = new magician("Young","fireball");var sister = new magicgirl("Nina","lightning",16);me.perform();sister.perform();sister.performMore();

输出
Young:fireball!!!
Nina:lightning!!!
A maigc girl only 16 years old!
类貌似不是很典型..至少继承的结果是好的..
对象冒充的优点是支持多继承，例如magicgirl继可继承girl又可继承magician，例如

function magicgirl(name,skill,age){  this.newMethod = girl;  //假设有一girl类  this.newMethod(name);  delete this.newMethod;  this.newMethod = magician;  this.newMethod(name,skill);  delete this.newMethod;  this.age = age;  this.performMore = function(){  alert("A maigc girl only "+this.age+" years old!");  }}

当然如果被继承的两个父类如果有同名的属性或方法，后执行而继承的属性/方法会覆盖之前所继承的。
还有就是不要忘了先将自定义的方法(本例中newMethod)的引用删除（防止以后被误调用），再添加新的属性/方法。

2.call方法(与方法1非常相似,只列出子类)

function magicgirl(name,skill,age){  //this.newMethod = magician;  //this.newMethod(name,skill);  //delete this.newMethod;  magician.call(this,name,skill);  this.age = age;  this.performMore = function(){  alert("A maigc girl only "+this.age+" years old!");  }}

call方法能劫持另外一个对象的方法，继承另外一个对象的属性。
本例中利用传入的this（也就是magicgirl的实例对象）来劫持magician类的对象属性和对象方法

3.apply方法(与call一样，只是从第2个起的参数全放在一个数组中传递)

function magicgirl(name,skill,age){  //this.newMethod = magician;  //this.newMethod(name,skill);  //delete this.newMethod;  //magician.call(this,name,skill);  magician.apply(this,new Array(name,skill));  this.age = age;  this.performMore = function(){  alert("A maigc girl only "+this.age+" years old!");  }}

4.原型链方法

function magician(){}magician.prototype.name = "";magician.prototype.skill = "";magician.prototype.perform = function(){  alert(this.name+":"+this.skill+"!!!");}function magicgirl(){}magicgirl.prototype = new magician();magicgirl.prototype.age = "";magicgirl.prototype.performMore = function(){  alert("A maigc girl only "+this.age+" years old!")}var me = new magician();var sister = new magicgirl();me.name = "Young";me.skill = "fireball";sister.name = "Nina";sister.skill = "lightning";sister.age = 16;me.perform();sister.perform();sister.performMore();

该方式是将子类的prototype指向父类的实例对象，因而获得父类的prototype属性/方法。
优点是可以使用instanceof来判断类类型（向父类兼容，类似Java）
缺点则是不支持多重继承，并且父类属性都设置为protoype容易引起问题（参见上一篇blog之类的构造方式）

5.混合方法

function magician(name,skill){  this.name = name;  this.skill = skill;}magician.prototype.perform = function(){  alert(this.name+":"+this.skill+"!!!");}function magicgirl(name,skill,age){  magician.call(this,name,skill);  this.age = age;}magicgirl.prototype = new magician();magicgirl.prototype.performMore = function(){  alert("A maigc girl only "+this.age+" years old!")}var me = new magician("Young","fireball");var sister = new magicgirl("Nina","lightning",16);me.perform();sister.perform();sister.performMore();

综合了1-4方法的优点，避免了缺点。好了，"几乎"完美了。
至于多重继承造成的覆盖问题，C++中也是存在的，这里就不把问题搞复杂了。
有什么更好的方法欢迎指教，谢谢！

查看更多 下一篇