您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

详解JavaScript继承方式(二)

2025/12/28 0:03:07发布23次查看
这篇开始写几个工具函数实现类的扩展。每个工具函数都是针对特定的写类方式(习惯)。这篇按照构造函数方式写类:属性(字段)和方法都挂在this上。以下分别提供了个类,分别作为父类和子类。
/
/ 父类person function person(nationality) { this.nationality = nationality; this.setnationality = function(n) {this.nationality=n;}; this.getnationality = function() {return this.nationality;}; } // 子类man function man(name) { this.name = name; this.setname = function(n){this.name=n;}; this.getname = function(){return this.name;}; }
1,继承工具函数一
/** * @param {function} subcls 子类 * @param {function} supercls 父类 * @param {object} param 父类构造参数 */ function extend(subcls, supercls, param) { supercls.call(subcls.prototype, param); }
使用如下
extend(man, person, 'china'); var m = new man('jack'); console.log(m.nationality);//china console.log(m.setnationality('japan')); console.log(m.getnationality('japan'));//japan
输出可以看到man继承了person的属性及所有方法。这种继承方式于java的很不一样哦,
class animal { int legs; animal(int l) { legs = l; } int getlegs() { return legs; } } public class person extends animal{ //属性(字段) string name; //构造方法(函数) person(int legs, string name) { super(legs);//调用父类构造器 this.name = name; } //方法 string getname() { return this.name; } public static void main(string[] args) { person p = new person(2,"jack"); system.out.println(p.legs); } }
java中,子类person在自身构造方法中调用父类构造方法super(legs),创建对象的时候直接将父类构造参数legs:2传进去,不仅仅只传自己的name:jack。上面javascript继承是在extend时传父类构造参数(extend函数的第三个参数),而不是在new man时将父类构造参数传过去。好,模拟java来实现下extend,这里巧妙的在子类上暂存了父类引用。
2,继承工具函数二
/** * @param {function} subcls * @param {function} supercls */ function extend(subcls, supercls) { subcls.supr = supercls; }
还是以person为父类,来实现子类woman
function woman(nationality, name) { woman.supr.call(this, nationality);//和java有点类似哦,在子类中调用父类构造器 this.name = name; this.setname = function(n){this.name=n;}; this.getname = function(){return this.name;}; } extend(woman, person);
最后,创建对象的方式和java也类似,即new的时候同时将父类构造参数(nationality:japan)传进去。
var w = new woman('japan', 'lily'); console.log(w.nationality);//japan w.setnationality('u.s.a'); console.log(w.getnationality());//u.s.a
以上就是详解javascript继承方式(二)的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product