为什么我们需要在Javascript中的类中使用“var self = this”？

Question

为什么我们不能在下面的例子中直接使用this而不是self？

function SeatReservation(name, initialMeal) { 
    var self = this; 
    self.name = name; 
    self.meal = ko.observable(initialMeal); 
} 

后的反应，我已经学会：

是的，有没有必要，如果有类没有上下文切换。

但我会用这种方法作为“约定”，虽然没有必要。

Answer 1

有没有理由，为什么你不能使用this直接出现（我会说这将是一个可读性更好，如果你做）。

然而，var self = this;往往需要在类似的情况下（基本上，像事件的任何异步操作结合，AJAX等处理，其中this分辨率推迟直到它等于别的东西）;

function SeatReservation(name, initialMeal) { 
    var self = this; 
    self.name = name; 
    self.meal = ko.observable(initialMeal); 

    setTimeout(function() { 
     alert(self.name); // otherwise, this is window; use self to keep a reference to the "SeatReservation" instance. 
    }, 100); 
} 

Answer 2

根据你的例子，“没有”这样做的理由。

然而，有些情况下，它会帮助你，虽然有些人可能会对它的使用感到沮丧。

即

$('a.go').click(function(e) 
{ 
    e.preventDefault(); 
    if(!$(this).hasClass('busy')) 
    { 
     $(this).addClass('busy'); 
     $.ajax(
     { 
      success : function(resp) 
      { 
       $(this).removeClass('busy'); 
      }, 
      error : function() 
      { 
       $(this).removeClass('busy');     
      } 
     }); 
    } 
}); 

在上面，$(this)的成功和错误回调之内不会反映到您单击的链接，范围已丢失。

要解决这个问题，你会怎么做var self = $(this)即

$('a.go').click(function(e) 
{ 
    e.preventDefault(); 
    if(!$(this).hasClass('busy')) 
    { 
     $(this).addClass('busy'); 
     var btn = $(this); 
     $.ajax(
     { 
      success : function(resp) 
      { 
       btn.removeClass('busy'); 
      }, 
      error : function() 
      { 
       btn.removeClass('busy');     
      } 
     }); 
    } 
}); 

Answer 3

在您的示例代码没有理由在所有this复制到一个变量。

它通常在代码使用回调方法时使用。在回调方法this内部没有引用该对象，因此您使用该变量。

Answer 4

通常这样做是为了在上下文发生变化时保持对此的引用。它经常用于事件处理程序或回调函数。但是如前所述，没有理由在你的具体例子中使用它。

你会发现下面的文章中更多的细节：http://www.alistapart.com/articles/getoutbindingsituations