Почему это = это в javascript?

Question

Я фрагмент JS кода, как этот

Customer.prototype.parseAddress = function(data){ 
    this.address = data.address; 
} 
Customer.prototype.loadAddress = function(){ 
    ... 
} 

мне нужно реализовать функцию loadAddress.

Может кто-нибудь объяснить мне, почему этот фрагмент кода является правильным

var that = this; 
$.get('data.xml', function(data){ 
    that.parseAddress(data); 
}); 

и ниже не правильно

$.get('data.xml', function(data){ 
    this.parseAddress(data); 
}); 

Answer 1

В Javascript, this специальная контекстная ключевое слово, которое меняется в зависимости от того, где вы его используете.

Пользуясь that = this;, вы экономите: this значит, так что вам не о чем беспокоиться. this означает, что вы думаете об этом.

my_func = function() { 
    var that = this; 
    console.log(this); //prints one thing 

    my_inner_func = function() 
    { 
     console.log(this); //prints another 
     console.log(that); //prints what the first log printed 
    } 
    my_inner_func(); 
} 

Answer 2

Дело в том, что при вызове функции необходимо передать контекст функция, иначе контекст будет новым, указанным в запросе. Вы должны проверить следующие понятия (вызов, применение и привязка).

Вы можете написать:

$.get('data.xml', function(data){ 
    this.parseAddress(data); 
}.bind(this)); 

Хорошая ссылка ссылка на исследование о нем: https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_objects/Function/bind

Answer 3

Причина этого заключается в том, потому что this контекстная и может изменяться в пределах обратного вызова.

Что я имею в виду заявления является

this.parseAddress 

parseAddress был определен на this. Однако, когда вызывается функция обратного вызова, this не может быть объектом, который вы ожидаете, jQuery делает это совсем немного. Поэтому вы не можете получить доступ к другим свойствам оригинала this из обратного вызова.

Простейший способ справиться с этим - сохранить ссылку на оригинал this, сохранив его в that. Теперь вы всегда можете вернуться к исходному объекту и получить доступ к дополнительным свойствам из-за исходной ссылки в that, доступной в рамках обратного вызова jQuery.