調用從$ .getJSON

Question

可能重複的外部對象：
Why doesn't this closure have access to the 'this' keyword? - jQuery

function class1() { 
    this.url = 'http://en.wikiquote.org/w/api.php?action=query&format=json&prop=revisions&titles=Albert_Einstein&rvprop=content&callback=?'; 

    this.f = function() { 
     $.getJSON(this.url, function() { 
      console.log(this.url); 
     }); 
    } 
}; 

var obj = new class1(); 
obj.f(); 

而不是打印的url，obj.f()打印 「不確定」 到控制檯。爲什麼會發生這種情況，我能做些什麼來防止這種行爲？

Answer 1

在你的ajax回調中，this將是jqXhr對象，而不是你當前的對象。你會想你的Ajax調用之前保存的this的價值，並引用，在你的回調：

this.f = function() { 
    var self = this; 
    $.getJSON(this.url, function() { 
     console.log(self.url); 
    }); 
} 

Answer 2

如何使用var聲明節省url變量作爲地方：

function class1() { 
    var url = 'http://en.wikiquote.org/w/api.php?action=query&format=json&prop=revisions&titles=Albert_Einstein&rvprop=content&callback=?'; 

    this.f = function() { 
     $.getJSON(url, function() { 
      console.log(url); 
     }); 
    } 
}; 

這使得url變量是私有的;請注意，如果您嘗試訪問class1函數之外的url變量。