Ember.js 计算的属性学习笔记

作者：简简单单 2014-03-15

例子：

代码如下	复制代码
App.Person = Ember.Object.extend({ id: null, firstName: null, lastName: null, age: null, gender: null });

在 handlebars 模板里使用：

我的名字叫{{firstName}}{{lastName}}，{{gender}}性，今年{{age}}岁。
假定我还想根据 age 的值来划分「幼年」、「少年」、「青年」、「壮年」、「老年」又如何？

Ember.js 提供的计算的属性可以很方便地解决这种问题，只需要给 Person 类增加一个属性 – 唯一的区别是，这个属性不是静态的，而是动态的一个函数：

代码如下

复制代码

App.Person = Ember.Object.extend({
id: null,
firstName: null,
lastName: null,
age: null,
gender: null,
ageClass: function() { // <- 这就是我们要定义的计算属性，在函数体中可以做逻辑判断
    var age = this.get('age');
    switch (true) {
      case age > 0 && age < 6:
        return '幼年';
        break;
      case age >= 6 && age < 18:
        return '少年';
        break;
      case age >= 18 && age < 30:
        return '青年';
        break;
      case age >= 30 && age < 60:
        return '壮年';
        break;
      case age >= 60:
        return '老年';
        break;
}.property('age') // <- 这个是计算的属性与普通属性的一个区别
});