发布于 2015-08-18 16:36:05 | 473 次阅读 | 评论: 0 | 来源: 网络整理
定义一个新的Ember的类,只需要调用Ember.Object的extend()方法即可:
1 2 3 4 5 |
App.Person = Ember.Object.extend({
say: function(thing) {
alert(thing);
}
});
|
这里定义了一个新的App.Person的类,并且为该类定义了一个say()方法。
通过调用一个现有类的extend()方法,可以定义类的子类。例如可以通过定义一个Ember内建的Ember.View的子类来进行扩展:
1 2 3 4 |
App.PersonView = Ember.View.extend({
tagName: 'li',
classNameBindings: ['isAdministrator']
});
|
当定义一个子类的时候,可以重写父类已有的方法。尽管重写了父类的方法,依然可以在重写的方法中通过_super()来调用被重写的父类方法。例如:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
App.Person = Ember.Object.extend({
say: function(thing) {
var name = this.get('name');
alert(name + " says: " + thing);
}
});
App.Soldier = App.Person.extend({
say: function(thing) {
this._super(thing + ", sir!");
}
});
var yehuda = App.Soldier.create({
name: "Yehuda Katz"
});
yehuda.say("Yes"); // alerts "Yehuda Katz says: Yes, sir!"
|
当定义了一个类之后,就可以通过调用create()方法来创建类的实例。所有定义在类中的方法、属性、计算属性,都可以通过创建的实例来访问或调用。例如:
1 2 |
var person = App.Person.create();
person.say("Hello"); // alerts " says: Hello"
|
当创建一个类的实例时,可以将实例属性的初始值以hash形式的参数传给create()方法,从而实现对属性的初始化。例如:
1 2 3 4 5 6 7 8 9 10 11 |
App.Person = Ember.Object.extend({
helloWorld: function() {
alert("Hi, my name is " + this.get('name'));
}
});
var tom = App.Person.create({
name: "Tom Dale"
});
tom.helloWorld(); // alerts "Hi, my name is Tom Dale"
|
考虑到性能问题,实例的计算属性或方法不能在调用create()方法的时候进行重定义。同样也不可以在此时定义新的计算属性或方法。因此,在调用create()方法时,只能设置基本属性。如果需要定义或者重新定义计算属性或方法,可以通过定义一个新的子类来实现。
按照惯例,用来保存类名的属性和变量名需首字母大写,而实例名首字母不大写。例如:变量App.Person代表一个类,而person则代表一个实例(通常是类App.Person的实例)。在Ember应用中,应该采用这样的命名惯例。
当一个实例被创建后,实例的init方法会被自动调用。可以通过自定义init方法,来对新实例进行初始化。
1 2 3 4 5 6 7 8 9 10 11 12 |
App.Person = Ember.Object.extend({
init: function() {
var name = this.get('name');
alert(name + ", reporting for duty!");
}
});
App.Person.create({
name: "Stefan Penner"
});
// alerts "Stefan Penner, reporting for duty!"
|
假若继承了一个Ember内建的类,例如Ember.View或是Ember.ArrayController,并且重写了init方法,一定要在重写的init方法中调用this._super()!如果没有调用该方法,系统可能无法正常完成一些重要的初始化工作,从而导致应用出现一些怪异的行为。
当访问一个对象的属性时,应该使用get方法,而设置属性值时则应该使用set方法。例如:
1 2 3 4 |
var person = App.Person.create();
var name = person.get('name');
person.set('name', "Tobias Fünke");
|
请记住使用这些属性访问方法,否则计算属性不会重新计算,观测也不会被触发,模板也无法得到正常的更新。