Ember.ArrayController.create()不返回唯一实例

时间:2012-08-15 17:28:51

标签: ember.js

我确信我必须遗漏一些明显的东西:我正在创建3个对象,每个对象都有一个设置为ArrayController的属性。当我添加每个新对象时,ArrayController实例共享来自前一个控制器的内容,而不是一个唯一的实例:

http://jsfiddle.net/w6DKR/3/

在我的示例中,我可以解决此问题的唯一方法是在ArrayController init方法中执行this.set('content', []);

2 个答案:

答案 0 :(得分:3)

初始化(和一个常见的错误!)

对于初学者来说,最常见的错误之一就是认为他们将属性传递给实例而不是原型。例如:

var Person = Ember.Object.extend({
  chromosomes: ["x"] // CAREFUL !!!!!
});

var joe = Person.create();
joe.get("chromosomes").push("y");

var jane = Person.create();
jane.get("chromosomes").push("x");

// Joe and Jane are all mixed up?!?!?!?!
console.log( joe.get("chromosomes") );  // x, y, x
console.log( jane.get("chromosomes") ); // x, y, x

为什么会发生这种染色体突变?当我们在定义Person类时向我们的原型添加数组时,问题就出现了。然后,这个数组与从Person实例化的每个对象共享。

我们应该怎样处理这个?

var Person = Ember.Object.extend({
  chromosomes: null,
  init: function() {
    this._super();
    this.chromosomes = ["x"]; // everyone gets at least one X chromosome
  }
});

var joe = Person.create();
joe.get("chromosomes").push("y");  // men also get a Y chromosome

var jane = Person.create();
jane.get("chromosomes").push("x"); // women get another X chromosome

// Hurray - everyone gets their own chromosomes!
console.log( joe.get("chromosomes") );  // x, y
console.log( jane.get("chromosomes") ); // x, x

在类中声明对象或数组时,通常需要将它们与init()函数中的每个实例一起初始化。这样,每个对象都将获得自己唯一的对象和数组实例。还记得在init()中调用this._super(),以便在原型链的所有方向调用init()。

当然,如果对象或数组在实例中保持不变,那么将它们直接保留在原型中并没有错。实际上,一种常见的模式是在原型中保留默认设置,然后在init()中为每个实例复制。一旦您意识到如何创建和初始化对象,这些类型的模式就很容易实现。

从文章复制:http://www.cerebris.com/blog/2012/03/06/understanding-ember-object/

答案 1 :(得分:2)

实际上,您通常不希望在content: []块中设置.extend({...}),因为每个实例将共享同一个数组。 AFAIK这是Ember.js中可接受的,甚至是常见的模式:

App.MyController = Ember.ArrayController.extend({
    content: null,
    init: function() {
        this._super();
        this.set('content', []);
    },
    // ...
});