Backbone - 实例化视图具有旧数据

时间:2013-10-31 11:20:44

标签: javascript backbone.js

我有以下视图类:

define(function(require) {
    var Backbone = require('backbone');

    var TestView = Backbone.View.extend({
        el: $("#test"),
        test: new Array(),

        initialize: function(){
            this.test.push("test");
            console.log(this.test);
        }
    });

    return TestView
});

当我实例化视图时,如下:

var v = new TestView();

测试数组每次递增1,而不是每个实例都为空。我已采取措施删除僵尸视图(按照此URL的步骤进行操作:http://lostechies.com/derickbailey/2011/09/15/zombies-run-managing-page-transitions-in-backbone-apps/)但数组仍在每个新实例上保留旧数据。

显然我可以删除初始化函数中的数据,但我很好奇为什么这些数据被保留在本质上是一个全新的视图对象中?好像有些垃圾收集问题?

1 个答案:

答案 0 :(得分:3)

您的new Array()调用仅在您创建TestView原型时进行,您需要在实际创建对象时创建它,否则它将在TestView的所有实例之间共享,

initialize: function(){
    this.test = new Array();
    this.test.push("test");
    console.log(this.test);
}

如果我这样做,el: $("#test")也会发生同样的事情,

var v = new TestView();
$("#test").detach();
var v2 = new TestView();
v.el == v2.el // true

所以要完成你想要的,

define(function(require) {
    var Backbone = require('backbone');

    var TestView = Backbone.View.extend({
        initialize: function(){
            this.test = new Array();
            this.test.push("test");
            console.log(this.test);
        }
    });

    return TestView
});

var v = new TestView({ el : '#test'});