“这个”闭包内的关键字

Question

我看过很多例子，但似乎无法让一些示例代码起作用。

采用以下代码：

var test = (function(){
    var t = "test";
    return {
        alertT: function(){ 
            alert(t);
        }
    }
}());

我在 window.load 上有一个函数，如下所示：

test.alertT();

一切正常。但是，当我尝试在 alertT 中的 alert() 中显式设置 t 的上下文时，我只是得到了未定义的结果。

我已经尝试过：

var that = this;
alert(that.t); //undefined

我已经尝试过：

        return {
            that: this,
            alertT: function(){ 
                alert(that.t); // undefined!
            }
        }

我已经尝试过：

var test = (function(){
    var t = "test";
    var myObj = this;
    return {
        alertT: function(){ 
            alert(myObj.t); // undefined!
        }
    }
}());

我错过了什么？我需要能够为回调等显式设置上下文。我也看到过一些示例（http://stackoverflow.com/questions/346015/javascript-closures-and-this-context），它们看起来像我的正在做，那么为什么这不起作用呢？

Answer 1

t 只是外部匿名函数（因此也是内部匿名函数）范围内的普通变量。它不是对象的属性，因此您只需设置它，而无需引用 this、that 或 the_other。

var test = (function(){
    var t = "test";
    return {
        alertT: function(){ 
            alert(t);
        },
        setT: function (new_value) {
            t = new_value;
        }
    }
}());
test.alertT();
test.setT('hello, world');
test.alertT();

您使用的语法是创建类似于 JS 中的私有变量的内容的常用模式。

Answer 2

t 不在“this”的范围内。 t 是该方法的局部变量。所以你需要在某个地方做

this.t = whatever

...

这是一个来自应用程序的真实示例，我正在编写

var scope = this;

cells.forEach(function(cell, index) {
            var given = cell.get('given');

            var value = cell.get('value'),
                            valueAsString = '%@'.fmt(value);


             var rowValues = scope.getRowForIndex(index);
            ...
}

forEach 函数内的范围是我正在迭代的数组“单元格”的范围。由于我想在调用范围上执行操作，因此我使用了闭包...

Answer 3

在 C# 和 Java 中，可以执行如下操作：

public class MyClass {
    private int x;

    public void DoSomething(int x) {
        int a = this.x;
        int b = x;
    }
}

变量 a 和 b 将具有来自不同 x 的值，因为 1 是类的 x，1 是方法 x。

现在，想象一下如果您无法使用 this 显式引用类的 x.然后你必须执行以下操作：

public class MyClass {
    private int classX;

    public void DoSomething(int x) {
        int a = classX;
        int b = x;
    }
}

这就是你在 JavaScript 中遇到的情况，差不多。至少在你描述的情况下是这样。通过使用 apply 和 call 方法，您可以更改函数执行的上下文，但您永远无法区分具有相同名称但不同作用域的变量。您只需为此使用不同的名称即可。