Javascript의 클래스에서 "var self = this"가 필요한 이유는 무엇입니까?

Question

다음 예에서 self 대신 this을 직접 사용할 수없는 이유는 무엇입니까?

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