入门指南 获取Ember 概念 对象模型 应用 模板 路由 组件 控制器 模型 视图 枚举 测式 配置Ember.js COOKBOOK 理解Ember.js

发布于 2015-08-18 16:36:05 | 423 次阅读 | 评论: 0 | 来源: 网络整理

定义一个新的Ember,只需要调用Ember.Objectextend()方法即可:

 
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");
 

请记住使用这些属性访问方法,否则计算属性不会重新计算,观测也不会被触发,模板也无法得到正常的更新。

最新网友评论  共有(0)条评论 发布评论 返回顶部

Copyright © 2007-2017 PHPERZ.COM All Rights Reserved   冀ICP备14009818号  版权声明  广告服务