javascript - 获取结果未定义（Backbone.js）

Question

var ListView = Backbone.View.extend({
    el: $('hello'),
    initialize: function() {
        var stuff = new FieldCollection();
        var output;
        stuff.parse();
        stuff.fetch({
            success: function (collection, response) {
                console.log(response);
                output=response;
                return response;
             }
        });
        this.render(output);
   },
   render:function(output){
        console.log(output);
        $(this.el).append("<button id='add'>hiii</button>");
        $(this.el).append("<button id='removeAll'>Remove all list item</button>");
    }
});

在这里，我试图在output变量中捕捉响应的值......但它正在出现“未定义”。有什么想法我错了吗？

Answer 1

该fetch方法是异步的，因此在output您使用它时不会分配变量。尝试将render调用放在成功回调中：

var self = this;
stuff.fetch({
        success: function (collection, response) {
            console.log(response);
            output=response;
            self.render(output);
            return response;
         }
    });

Answer 2

考虑到您的设置，dbasemans 解决方案是正确的。但是，我宁愿将事件处理程序绑定到“重置”事件。这需要在获取之前发生。这更干净，也可以在应用程序运行时稍后进行进一步的提取。