BackboneJS中的意外构造函数/扩展行为

Question

对JavaScript/BackboneJS的工作原理感到困惑。让我们看看下面的例子：

window.MyView = Backbone.View.extend({ 
    index: 0, 
    list: [],   
    initialize: function() { 
     console.log("Initializing MyView"); 
     console.log("this.index = " + this.index); 
     console.log("this.list = [" + this.list.join(',') + "]"); 
     this.index++; 
     this.list.push(this.index); 
    } 
}); 

var first = new MyView(), 
    second = new MyView(); 

我期待在这里的是，新的MyView的（）将创建window.MyView的“类”全新副本，所以outbut是：

Initializing MyView 
this.index = 0 
this.list = [] 

Initializing MyView 
this.index = 0 
this.list = [] 

而是我有

Initializing MyView 
this.index = 0 
this.list = [] 

Initializing MyView 
this.index = 0 
this.list = [1] // Very unexpected! 

混乱的部分是整型变量“指标”，其实0作为预期，但阵“清单”已经包含了从以前的初始化值。这是怎么回事？

演示http://jsfiddle.net/fqZTp/3/

Answer 1

之间发生了什么list和index与这两个答案很好地解释不同的行为：

• The difference between simply reading and actually setting an object property
• How incrementing (++) is actually an assignment behind the scenes

总结他们：

• list和index都存在于MyView的原型上。
• 在创建您的new MyView()后，initialize()在新创建的实例（即不是原型）的上下文中操作。
• 当您将push()东西转换为list时，您将其推送到的列表对象上，其原型为。你根本没有更新对列表的引用，只是阅读它。
• 当你index++，这实际上是一个作业（this.index = this.index + 1）在幕后。当您将某物分配给某个对象时，它是否存在于原型上并不重要 - 您将其分配给该特定实例即。原型不会改变。

---

对于你期望的行为，只是在你的initialize功能设置这两个属性：

window.MyView = Backbone.View.extend({ 
    initialize: function() { 
     this.index = 0; 
     this.list = []; 

     this.index++; 
     this.list.push(this.index); 
    } 
});