为什么不将 that.method 作为参数传递？

Question

在代表请求的类中，我尝试使用 Q Promise 处理它，然后使用两个简单的处理程序来发送处理结果。为什么这不起作用：

Request.prototype.process = function() {
    var that = this;
    return that.getParameter('method')
    .then(function(method) {
        // ... Some processing
    })
    .then(that.replyOK)
    .fail(that.replyError);
};

但这确实：

Request.prototype.process = function() {
    var that = this;
    return that.getParameter('method')
    .then(function(method) {
        // ... Some processing
    })
    .then(function(error) {
        that.replyOK(error);
    })
    .fail(function(error) {
        that.replyError(error);
    });
};

Answer 1

JavaScript 主要是词法范围的。这意味着在：

 function foo(){
     var that = this;
     //...
 }

在 foo that 的以下行中访问该变量的变量设置为您所期望的。如果您通过在其他地方定义的局部变量传递函数，that 将不会在其词法（变量）环境中被捕获。

JavaScript 也有动态的this，方法的this 由当前调用的对象决定。例如：

var a = {
           x:3,
           getX:function(){ return this.x; }
        };
var b = {x:5};
b.getX = a.getX;
b.getX(); // returns 5
a.getX(); // returns 3
a.getX.call(b); // set `this` explicitly with .call, returns 5
var x = a.getX;
x(); // global x or undefined.

可以像这样使用Function.prototype.bind 固定this：

Request.prototype.process = function() {
    return this.getParameter('method')
    .then(function(method) {
        // ... Some processing
    })
    .then(this.replyOK.bind(this))
    .fail(this.replyError.bind(this));
};

或者，在 EcmaScript 6 语法中（节点中尚不可用，但很快）：

Request.prototype.process = () => { // arrow functions have lexical `this` 
    return that.getParameter('method')
    .then(function(method) {
        // ... Some processing
    })
    .then(this.replyOK)
    .fail(this.replyError);
};