JavaScript 范围转移 - 帮助我理解 [重复]

Question

我正在创建一个程序，该程序最终将创建数千个小对象（理想情况下约为 60,000 个），每个小对象都包含特定信息。它将从一个小的 JSON 文件加载每个对象，该文件已经创建并位于服务器上的目录树结构中。

它如何找到文件对这个问题无关紧要（假设它超出了它的“范围”）但是我试图通过逐步了解程序的工作原理。

假设我也稍微简化了这一点；我知道你们中的许多人可能会发现我似乎在我的请求加载数据和实际加载数据之间添加了一个不必要的层（显然我可以通过 jQuery 的 $.getJSON().done()），但是因为有要考虑文件系统结构，程序也需要处理该部分。

Data = function() {

    var VERSION = 1.1;

    if (this.constructor === Data) {

        throw new Error("Objects may not be directly instantiated from an abstract class.");
    }
}

// Loads a file with the path from the root set in config.json

Data.prototype.loadData = function(treePath,callback) {

    // does data loading stuff here and proceeds through, eventually getting to this line: 
            callback(req,loadedData);

}

现在，我有一个抽象层 - 我不希望 Data 对象在其自身中创建，这就是为什么如果有人调用“new Data();”它会抛出错误。这是故意的。

然后我将拥有两个继承 Data 的对象；两者都具有以不同方式处理加载数据的方法。但是，由于两者的文件树结构相同，因此创建一个抽象对象来继承是有意义的。 （或者，作为一个子问题，对于 Data 对象的对象文字，这是一个很好的论据吗？）

现在，我从 FOO 调用 loadData，然后 Data 将调用位于 FOO 内部的 callack。我尝试将其声明为 FOO.prototype.pareseData 和 FOO.parseData，这没有区别。

FOO.parseData = function(req,path) { 

    // Parse the data and deal with it as needed.
}

单步执行，当我从主程序调用 FOO 并告诉它开始加载数据时，我可以看到“this”值。最初，this = FOO，正如预期的那样；在 Data 调用回调函数之前，这将保持 FOO。

一旦代码命中 FOO.parseData，它就会从 FOO 变为“窗口”。

我不知道为什么...？

Answer 1

那是因为在 javascript 中，“this”是对当前范围的引用，因此，如果您在原始范围之外调用函数/回调，则“this”很可能是“窗口”，因为“窗口”是调用函数/回调的那个。

为了将“this”保持在您想要的范围内，您必须在声明它时将您的函数绑定到该给定范围：

function Foo() {
    this.bar();
}.bind(this); //-> Here you bind Foo to the current scope, so inside Foo, this will be always the scope where it was bound.

Answer 2

我强烈推荐你阅读这篇文章。

http://ryanmorr.com/understanding-scope-and-context-in-javascript/

您的问题在第 3 段中进行了解释 - 什么是“this”上下文：

“上下文通常由函数的调用方式决定。当函数作为对象的方法调用时，this 设置为调用该方法的对象：

var obj = {
    foo: function(){
        alert(this === obj);    
    }
};
obj.foo(); // true

同样的原则也适用于使用 new 操作符调用函数来创建对象的实例。以这种方式调用时，函数范围内的 this 的值将被设置为新创建的实例：

function foo(){
    alert(this);
}
foo() // window
new foo() // foo

当作为未绑定函数调用时，这将默认为浏览器中的全局上下文或窗口对象。但是，如果函数在严格模式下执行，上下文将默认为未定义。”