Question

我正在使用自定义事件创建骨干视图。如果我删除了主干视图，则删除进程会取消订阅事件，或者我必须手动取消订阅事件。

同样，我创建了一个带有一些子视图的主视图。如果我删除主视图，我的所有子事件都将取消订阅，或者我必须取消订阅子事件并取消订阅主视图事件。

请建议我一种方法，我可以按正确的顺序删除视图，以免发生内存泄漏。

Answer 1

您需要为每个子视图调用remove()方法，然后在视图上调用原生remove()方法。 Native remove将停止侦听事件并从DOM中删除$el。

以下是一个例子：

var View = Backbone.View.extend({

    initialize: function() {
        this.views.my_view_1 = new Backbone.View();
        this.views.my_view_2 = new Backbone.View();

        return this;
    },

    /*
     *  Remove child views and remove itself
     */
    remove: function() {
        // Remove the child views
        Object.keys(this.views).forEach(function(view_name) {
            if (is(this.views[view_name].remove, "function")) {
                this.views[view_name].remove();
            }
        }, this);

        // Call the native remove function.
        Backbone.View.prototype.remove.apply(this, arguments);

        // For old browsers we need convert arguments object to Array
        // Backbone.View.prototype.remove.apply(this, Array.prototype.slice.call(arguments));

        return this;
    }

});

如何删除子视图和主视图的事件

1 个答案: