类的扩展
编辑教程类的扩展
扩展一般属性
扩展一个类可以直接使用reopen()方法为一个已经定义好的类添加属性、方法。
如果是使用extend()方法你需要重新定义一个子类,然后在子类中添加新的属性、方法。
前篇说过,调用create()方法时候不能传入计算属性并且不推荐在此方法中新定义、重写方法 ,但是使用reopen()方法可以弥补create()方法的补足。
与extend()方法非常相似,下面的代码演示了它们的不同之处。
Parent = Ember.Object.extend({
name: 'ubuntuvim',
fun1() {
console.log("The name is " + this.name);
},
common() {
console.log("common method...");
}
});
// 使用extend()方法添加新的属性、方法
Child1 = Parent.extend({
// 给类Parent为新增一个属性
pwd: '12345',
// 给类Parent为新增一个方法
fun2() {
console.log("The pwd is " + this.pwd);
},
// 重写父类的common()方法
common() {
//console.log("override common method of parent...");
this._super();
}
});
var c1 = Child1.create();
console.log("name = " + c1.get('name') + ", pwd = " + c1.get('pwd'));
c1.fun1();
c1.fun2();
c1.common();
console.log("-----------------------");
// 使用reopen()方法添加新的属性、方法
Parent.reopen({
// 给类Parent为新增一个属性
pwd: '12345',
// 给类Parent为新增一个方法
fun2() {
console.log("The pwd is " + this.pwd);
},
// 重写类本身common()方法
common() {
console.log("override common method by reopen method...");
//this._super();
},
// 新增一个计算属性
fullName: Ember.computed(function() {
console.log("compute method...");
})
});
var p = Parent.create();
console.log("name = " + p.get('name') + ", pwd = " + p.get('pwd'));
p.fun1();
p.fun2();
p.common();
console.log("---------------------------");
p.get('fullName'); // 获取计算属性值,这里是直接输出:compute method...
// 使用extend()方法添加新的属性、方法
Child2 = Parent.extend({
// 给类Parent为新增一个属性
pwd: '12345',
// 给类Parent为新增一个方法
fun2() {
console.log("The pwd is " + this.pwd);
},
// 重写父类的common()方法
common() {
//console.log("override common method of parent...");
this._super();
}
});
var c2 = Child2.create();
console.log("name = " + c2.get('name') + ", pwd = " + c2.get('pwd'));
c2.fun1();
c2.fun2();
c2.common();
从执行结果可以看到如下的差异:
同点: 都可以用于扩展某个类。
异点:
- extend需要重新定义一个类并且要继承被扩展的类;
- reopen是在被扩展的类本身上新增属性、方法,可以扩展计算属性(相比create()方法);
到底用那个方法有实际情况而定,reopen方法会改变了原类的行为 (可以想象为修改了对象的原型对象的方法和属性), 如演示实例一样在reopen方法之后调用的Child2类的common方法的行为已经改改变了, 在编码过程忘记之前已经调用过reopen方法就有可能出现自己都不知道怎么回事的问题!
如果是extend方法会导致类越来越多,继承树也会越来越深,对性能、调试也是 一大挑战,但是extend不会改变被继承类的行为。
扩展静态属性
使用reopenClass()方法可以扩展static类型的属性、方法。
Parent = Ember.Object.extend();
// 使用reopenClass()方法添加新的static属性、方法
Parent.reopenClass({
isPerson: true,
username: 'blog.ddlisting.com'
//,name: 'test' //使用名称为name定义属性,会提示是自读属性,使用username却没问题,可能name是方法的保留关键字
});
Parent.reopen({
isPerson: false,
name: 'ubuntuvim'
});
console.log(Parent.isPerson);
console.log(Parent.name); // 输出空
console.log(Parent.create().get('isPerson'));
console.log(Parent.create().get('name')); // 输出 ubuntuvim
Mos固件,小电视必刷固件
ES6 教程
Vue.js 教程
JSON 教程
jQuery 教程
HTML 教程
HTML 5 教程
CSS 教程
CSS3 教程
JavaScript 教程
DHTML 教程
JSON在线格式化工具
JS在线运行
JSON解析格式化
jsfiddle中国国内版本
JS代码在线运行
PHP代码在线运行
Java代码在线运行
C语言代码在线运行
C++代码在线运行
Python代码在线运行
Go语言代码在线运行
C#代码在线运行
JSRUN闪电教程系统是国内最先开创的教程维护系统, 所有工程师都可以参与共同维护的闪电教程,让知识的积累变得统一完整、自成体系。
大家可以一起参与进共编,让零散的知识点帮助更多的人。
X
选择支付方式:
立即支付
¥
9.99
无法付款,请点击这里
金额: 0 元
备注:
转账时请填写正确的金额和备注信息,到账由人工处理,可能需要较长时间
备注:
转账时请填写正确的金额和备注信息,到账由人工处理,可能需要较长时间
如有疑问请联系QQ:565830900
正在生成二维码, 此过程可能需要15秒钟