var Person = function(name){
this.name = name;
};
Person.prototype = {
getName : function(){
return this.name;
}
};
var Chinese = function(name, nation){
Person.call(this,name);
this.nation = nation;
};
var F = function(){};
F.prototype = Person.prototype;
Chinese.prototype = F.prototype;
if(Chinese.prototype.constructor == Object.prototype.constructor){
Chinese.prototype.constructor = Chinese;
}
Chinese.prototype.getNation = function(){
return this.nation;
};
var c = new Chinese("liyatang","China");
alert(c.getName());
如果可以把继承的代码放在一个函数里，方便代码复用，最后整理代码如下
复制代码 代码如下:
function extend(subClass,superClass){
var F = function(){};
F.prototype = superClass.prototype;
subClass.prototype = new F();
subClass.prototype.constructor = subClass;
subClass.superclass = superClass.prototype; //加多了个属性指向父类本身以便调用父类函数
if(superClass.prototype.constructor == Object.prototype.constructor){
superClass.prototype.constructor = superClass;
}
}
var Person = function(name){
this.name = name;
};
Person.prototype = {
getName : function(){
return this.name;
}
};
var Chinese = function(name, nation){
Person.call(this,name);
this.nation = nation;
};
extend(Chinese, Person);
Chinese.prototype.getNation = function(){
return this.nation;
};
var c = new Chinese("liyatang","China");
alert(c.getName());
发表后修改：
在一楼的评论下，我对那个extend函数又有新的看法。之前在讨论如何设置原型链时提出了两种方法
复制代码 代码如下:
//第一种
//Chinese.prototype = new Person();
//第二种
//var F = function(){};
//F.prototype = Person.prototype;
//Chinese.prototype = F.prototype;
虽然第二种减少了调用父类的构造函数这条路，但在设计Chinese类时用了Person.call(this,name);这里也相当于调用了父类的构造函数。
然而用第一种方法的话可以减少在Chinese中再写Person.call(this,name);，这部分代码在子类中往往会遗忘。不妨把这种功能代码放在了extend里。就只写
Chinese.prototype = new Person();也达到同样的目的：耦合不强。
但遗忘的一点是，Chinese.prototype = new Person();这样写对嘛。答案是不对！很明显 new Person()需要传一个name参数的。我们不可能在extend函数里做这部分工作，只好在Chinese类里调用父类的构造函数了。这样也符合面向对象的思路。
所以，还是力荐用第二种方法。
第一次这样写有关技术类的文章，基本是按自己的思路铺展开来，难免会有一些没有考虑到的地方和解释的不清楚的地方，望留言反馈，谢谢。
您可能感兴趣的文章: