Perché abbiamo bisogno di "var self = this" nelle classi in Javascript?

Question

Perché non è possibile utilizzare direttamente this anziché self nell'esempio seguente?

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

Dopo le risposte, ho imparato:

Sì, non è necessario se non c'è cambio di contesto in classe.

Ma userò questo approccio come "convenzione" anche se non ce n'è bisogno.

Answer 1

Non c'è alcun motivo per cui non è possibile utilizzare this direttamente lì (e direi che sarebbe meglio per migliorare la leggibilità se fatto).

Tuttavia, il var self = this; è spesso necessaria in situazioni come le seguenti (in pratica, qualsiasi azione asincrono come evento vincolante, gestori di AJAX, ecc, dove la risoluzione di this è differito fino è uguale a qualcos'altro);

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

In base all'esempio, c'è "no" motivo per farlo.

C'è tuttavia, situazioni in cui ti aiuterà, anche se alcuni potrebbero disapprovare il suo utilizzo.

cioè

$('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');     
      } 
     }); 
    } 
}); 

In quanto sopra, $(this) entro il successo e di errore callback non rifletterebbe il link che hai selezionato, come il campo di applicazione è stata persa.

Per aggirare il problema, si farebbe var self = $(this) cioè

$('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

Nel codice esempio, non v'è nessuna ragione al mondo per copiare this a una variabile.

Viene in genere utilizzato quando il codice utilizza un metodo di richiamata. All'interno del metodo di callback this non fa riferimento all'oggetto, quindi si utilizza la variabile per quello.

Answer 4

Di solito è fatto per mantenere un riferimento a questo quando il contesto sta cambiando. Viene spesso utilizzato in gestori di eventi o funzioni di callback. Ma come accennato prima, non vi è alcun motivo per utilizzarlo nel tuo esempio specifico.

Troverete maggiori dettagli nel seguente articolo: http://www.alistapart.com/articles/getoutbindingsituations