蓝月亮论坛57948 1

作者:admin发布时间: 2019-06-04浏览次数:

c?JavaScript 继承方式(2)_知识库_博客园
接上文:JavaScript继承方式(1)  这篇开始写几个工具函数实现类的扩展。每个工具函数都是针对特定的写类方式(习惯)。这篇按照构造函数方式写类:属性(字段)和方法都挂在this上。以下分别提供了个类,分别作为父类和子类。//父类Personfunction Person(nationality) { this.nationality = nationality; this.setNationality = function(n) {this.nationality=n;}; this.getNationality = function() {return this.nationality;};}//类Manfunction 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);//Chinaconsole.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为父类,来实现子类Woma:function Woman(nationality,3中3免费资料网站,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);//Japanw.setNationality('U.S.A');console.log(w.getNationality());//U.S.A