3

我遇到了一个我无法解释的场景/错误，因为我有一个带有数组变量的 Backbone View 类，但即使在我重新实例化它之后变量值仍然存在。主干视图具有以下设置：

var TestView = Backbone.View.extend({
    a:"",
    b:"",
    items:[],
    initialize:function(){

    },
    add:function(value){
        this.items.push(value);
    }
});

这是我实例化类的方式：

this.formView = new TestView();
this.formView.add('halo');
this.formView.a = 'abc';

this.formView = new TestView();
this.formView.add('test');
this.formView.b = 'bcd';

console.log("a - " + this.formView.a);
console.log("b - " + this.formView.b);
console.log("items - ");
console.log(this.formView.items);
​

结果：

a -  
b - bcd 
items -  ["halo", "test"]

令人惊讶的是，数组变量 'items' 仍然存在，它同时显示了 ['halo','test']。但不适用于正常变量。

这是 JsFiddle链接。

它可以通过在初始化函数中清除数组来解决。

    initialize:function(){
      this.items = [];  
    },

但我想知道这是一个错误还是我误解了一些东西。

4

1 回答 1

7

嗯，这个问题很棘手，但它有一个解释。

首先，在类上下文中定义实例变量不是一个好主意，这就是你正在做的事情：

var TestView = Backbone.View.extend({
  a: "",
  b: "",
  items: []
});

这是Model.defaults存在的原因之一。你宁愿这样做：

var TestView = Backbone.View.extend({
  initialize: function(){
    this.a = "";
    this.b = "";
    this.items = [];
  }
});

您的示例代码中发生的情况是，所有新的引用都TestView将共享相同的Stringand实例Array。这是因为在一个实例中更改 Array 将反映在另一个实例中。

最棘手的事情，你很敏捷地观察到，看起来共享行为并没有发生在字符串上，但实际上它正在发生。

发生的事情是，当您这样做时：

this.formView.a = 'abc';

您不是在转换String 实例，而是将其替换为新实例，因此原始 String 实例保持不变。

我想提供一个在一个实例中操作StringTestView并看到更改反映在另一个TestView实例中的示例，但我没有找到任何就地操作 String 的JS String 方法。

于 2012-08-23T11:46:42.087 回答