本文主要和大家详解javascript继承方式,主要以代码的形式和大家分享,希望能帮助到大家。
1,继承工具函数
/**
* @param {string} classname
* @param {string/function} superclass
* @param {function} classimp
*/
function $class(classname, superclass, classimp){
if (superclass === '') superclass = object;
function clazz() {
if (typeof this.init == "function") {
this.init.apply(this, arguments);
}
}
var p = clazz.prototype = new superclass();
var _super = superclass.prototype;
window[classname] = clazz;
classimp.apply(p, [_super]);
}
定义父类person
/**
* 父类 person
*/
$class('person','',function(){
this.init = function(name){
this.name = name;
};
this.getname = function(){
return this.name;
};
this.setname = function(name){
this.name = name;
}
});
子类man
/**
* 子类 man
*/
$class('man', person, function(supr){
this.init = function(name, age){
supr.init.apply(this,[name]); // 该句很重要
this.age = age;
};
this.getage = function(){
return this.age;
};
this.setage = function(age){
this.age = age;
};
});
var m = new man('jack',25);
console.log(m.name); // jack
console.log(m.age); // 25
从输出看可以看到子类man的确继承了父类的属性和方法。
以上就是详解javascript继承方式(四)的详细内容。