Question

我在调用uploader时尝试将this保留为onSubmit上下文时遇到问题。任何JS大师都可以帮忙吗？

uploader: {

        init: function(){
            var that = this;

            var fileUploader = new Uploader.FileUploaderBasic({
                    button      : $("#upload-btn")[0],
                    action      : "/filesCollection",
                    onSubmit    : that.onSubmit
                });

            _.bindAll(this, this.onSubmit); // attempting to bind 'this'
        },


        onSubmit: function(id, fileName){
            console.log(this); // still refers to 'fileUploader' object :(
        }

}

导致以下错误：

Uncaught TypeError: Cannot read property 'bind' of undefined

示例： http://jsfiddle.net/WilsonPage/BE3Lp/5/

Answer 1

解决问题：http://jsfiddle.net/WilsonPage/BE3Lp/41/

我发现的几件重要事项：

必须在分配函数之前调用_.bindAll()。
第一个参数必须是您希望绑定的对象或this。
后面的参数必须是对象（this）中存在的函数的名称，它们必须是字符串形式！
如果要绑定对象中的所有函数（this），则省略任何函数名称，并将对象（this）作为唯一参数，例如。 _.bindAll(this)

希望这有助于像我这样的一些混乱的窥视！

Answer 2

使用call或apply，您可以为任何功能指定this的上下文。这应该是诀窍（在fileUploader声明中）：

onSubmit: function() {
    that.onSubmit.apply(that, arguments);
}

修改：更新了jsfiddle：http://jsfiddle.net/WDTBV/1/

下划线bindAll：保留'this'上下文

2 个答案: