在 bootbox 回调函数中保留“this”

Question

我试图在回调中保留this 变量：

var that = this

// type1
bootbox.confirm("This is the default confirm!", function(result){ 
    console.log(that.whatever); 
});

// type2
bootbox.confirm({
    message: "This is a confirm with custom button text and color! Do you like it?",
    callback: function (result) {
        console.log(that.whatever);
    }
});

看起来很丑，有没有更好的方法？

Answer 1

你可以使用箭头函数：

bootbox.confirm("This is the default confirm!", result => { 
    console.log(this.whatever); 
});

你应该用 Babel 编译它，older browsers may not support it。如果你有回调作为变量，你可以在传递之前绑定它：

yourCb.bind(this);
bootbox.confirm("This is the default confirm!", yourCb);