javascript - 重置 Backbone 集合绑定(bind)功能

Question

非常基本的问题，但我似乎无法弄清楚为什么我无法将方法绑定(bind)到集合上的重置事件。

HealthcheckList = Backbone.Collection.extend({

    model: Healthcheck,
    url: "/corsettiServices/rest/healthcheck/sort",

    initialize: function() {
        _.bindAll(this, "fetchSuccess", "addAll");
        console.log("Initializing view");
        this.on('reset', addAll);
        this.fetch({data: {type:'all'}, processData:true, success: this.fetchSuccess, reset: true});
    },

    addAll: function(m, options) {
        alert("adding");
    },

    fetchSuccess: function(m, response) {
        alert("success");
        console.log(m);
        m.each(function(h) {
            if (h.get("start")!=null) {
                $('#statusTable > tbody:last').append('<tr><td>' + h.get("start") + '</td><td>' + h.get("type") + '</td><td>' + h.get("status") + '</td></tr>');
            }
        })
    }
})

这会引发错误:Uncaught ReferenceError:addAll 未定义。删除与“重置”事件的绑定(bind)可以使数据获取和代码正常工作，但我想在每次重置集合时进行更多处理。关于如何在 Backbone Collection 中定义函数，我缺少什么？

Answer 1

this.on("reset", this.addAll);

您要小心范围。初始化函数将绑定(bind)到“this”，这将是在某个时刻实例化的新对象。但在初始化函数的范围内，addAll 是未定义的，因为您在“this”尚不存在的范围内编写此内容。最终 addAll 属性将绑定(bind)到“this”，但这里 addAll 是您传递给扩展的新对象的属性，它指向一个匿名函数。