Вызывающие внешние объекты от $ .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, а не вашим текущим объектом. Вы хотите, чтобы сохранить значение this до вашего AJAX вызова, а также ссылок на что в обратном вызове:

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

Answer 2

Как насчет сохранения переменной url как локальные, используя var заявление:

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 частной; просто имейте в виду, что если вы пытаетесь получить доступ к переменной url вне функции class1.