2

我只是在学习 Ember,我对计算属性有点困惑。指南中的所有内容都使用字符串,例如根据名字和姓氏创建全名的计算属性等。无论如何,我对如何使用整数感到困惑,因为语法似乎几乎需要使用字符串。

例如,我的控制器上有一个名为count.

import Ember from 'ember';

export default Ember.Controller.extend({
  count: 0,

  counter: Ember.computed('count', function() {
    var num = `${this.get('count')}`;
    var newNum = parseInt(num) + 1;
    this.set('count', newNum);
    return this.get('count');
  })
});

我知道这段代码真的很糟糕,我只是想说明我正在尝试做什么并且失败了。为什么Ember.computed将字符串作为其第一个参数?

为什么我必须使用字符串this.getthis.set当我使用整数而不是字符串时?我必须手动解析 int 否则它会返回一个字符串,为什么它将我的 count 属性转换为字符串?

无论如何,在我运行的余烬检查器中

$E.get('count')

它确实成功添加了 1,但未能继续添加 1,这让我认为它没有更新实际count属性。

非常感谢。我很感激帮助。

4

1 回答 1

7

我根据您的代码设置了一个Ember Twiddle 。我将尝试解决您的每个问题:

您可以将 aEmber.Object视为{}. 所有Ember.Object键都是字符串,因为{} 键是 Javascript 中的字符串

对于存储在 中的每个属性Ember.Object,该属性是一个以某个字符串作为键的值。要查找该值,您必须提供该值的“路径”或“位置”,由键给出(就像哈希表一样)。这就是为什么您需要在getand中指定一个字符串的原因set

值可以是 Javascript 中的任何类型,而不仅仅是字符串。看看我发布的Ember Twiddle,然后打开你的控制台。在您的代码中,num是一个字符串,因为您已将其包装在 ES6 模板字符串中,该字符串正在转换this.get('count').


Ember.computed旨在将数据呈现到模板中。重要的是要了解:

  • 很懒_
  • 它缓存计算的结果。
  • 仅当它所依赖的一个或多个属性发生更改时,计算属性才会重新计算。

当你调用 时Ember.computed,你首先传入任意数量的字符串。Ember.Object每个字符串都是您的 CP“依赖”的值(在 上)的路径。

因为 CP 是惰性的,所以'counter'只会在您在代码或模板中访问它时计算。如果'count'要更改,'counter'将忘记缓存的值。下次'counter'被访问时,它会重新计算。

在这种情况下,'counter'CP 函数只运行一次,因为'count'永远不会改变。这就是为什么你只观察到一个加法。

于 2016-03-12T12:23:46.850 回答