javascript jquery.getJSON 奇怪的行为

Question

我已经开始尝试使用 javascript 和 jQuery。我试图创建一个类，将 json 文件加载到指定的 div 中，但遇到了我不理解的行为:

注意:我知道这段代码不会将任何内容加载到 div 中，这只是我能找到的显示我不理解的行为的最短示例。

function test(div) {
    this.div = div;
    _this = this;
    jQuery.getJSON('/example.json', null, function(data) {
        console.log(_this.div);
    });
}

当我运行时

a = new test("a"); 
b = new test("b");

我期望看到“ab”作为输出，但实际输出是“bb”。但是，如果我允许第一行在调用第二行之前完成，则会显示预期的输出。我很困惑!

Answer 1

您的_this是一个全局变量，请在其前面添加var。

工作示例:http://jsfiddle.net/SQRwn/

顺便说一句，如果您的代码如下，则可以正常工作，但您这里的代码可能不是您要使用的代码...

function test(div) {
    jQuery.getJSON('/example.json', null, function(data) {
        console.log(div);
    });
}