backbone.js - 骨干 _.bind 不起作用

Question

在我看来，类初始化函数_.bind(this.appendSection, this)不起作用，但_.bindAll(this, 'appendSection')有效。我很迷茫...

这是代码：

TemplateBuilder.Views.TemplateView = Backbone.View.extend({
        el: $('div#evalTemplate'),

        initialize: function(){
            this.collection.on('reset', this.render, this);
            //_.bind(this.appendSection, this);
            _.bindAll(this, 'appendSection');                
        },

        events: {
            'click button#addSection': 'addSection'
        },

        render: function(){
            this.collection.each(this.appendSection);
            return this;
        },

        appendSection: function(section){                
            var view = new TemplateBuilder.Views.InstructionView({model: section});
            this.$el.append(view.render().el);
        },

        addSection: function(){
            var newSection = new TemplateBuilder.Models.Section();                
            this.collection.add(newSection);
            this.appendSection(newSection);
        },
    });  

Answer 1

来自精美手册：

绑定 _.bind(function, object, [*arguments])

将函数绑定到对象，这意味着无论何时调用该函数，this的值都将是object。[...]

var func = function(greeting){ return greeting + ': ' + this.name };
func = _.bind(func, {name : 'moe'}, 'hi');
func();
=> 'hi: moe'

不幸的是，手册不是很好，您必须查看示例代码所暗示的内容：

func = _.bind(func, ...);

_.bind返回绑定函数，它不会就地修改它。你必须这样说：

this.appendSection = _.bind(this.appendSection, this);

如果你想使用_.bind. _.bindAll另一方面，将方法绑定到位。这里有更多关于这些方法的讨论。