Pomocy," to " mnie myli w JavaScript

Nie chodzi o wydajność, chodzi o dostęp do właściwości określonej instancji obiektu:-

x.init()

Nie wyświetla "test", jeśli nie użyłeś this w funkcji.

W praktyce powyższa linia jest taka sama jak:-

x.init.call(x);

Pierwszy parametr w użyciu {[8] } jest przypisany do this podczas wykonywania funkcji.

Teraz rozważ:-

var fn = x.init;  //Note no () so the function itself is assigned to the variable fn
fn();

Teraz nie masz nic w alarmie. To dlatego, że powyższe jest skutecznie: -

fn.call(window);

W przeglądarce hostowanej Javascript obiekt window jest synonimem obiektu globalnego. Gdy funkcja jest wywoływana "w stanie surowym", to this domyślnie jest obiektem globalnym.

Klasyczny błąd robi coś takiego:-

var x = {
   ele: 'test';
   init: function(elem) { 
      elem.onclick = function() { alert(this.ele); }
   }
}
x.init(document.getElementById('myButton'));

To jednak nie działa, ponieważ funkcja dołączona do zdarzenia onclick jest wywoływana przez przeglądarkę za pomocą kodu w stylu:-

onclick.call(theDOMElement)

Stąd gdy funkcja jest uruchomiona this nie jest to, co myślisz jest.

Moje zwykłe rozwiązanie tej sytuacji to:-

var x = {
   ele: 'test';
   init: function(elem) {
      var self = this; 
      elem.onclick = function() { alert(self.ele); }
      elem = null;
   }
}
x.init(document.getElementById('myButton'));

Uwaga elem = null to obejście wycieku pamięci IE.