W jaki sposób jeden reimplement "var that = this", aby zapisać odniesienie do zakresu Object.prototype.bind()?

Question

W Secrets of Javascript Closures Stuart Langridge prezentuje fragment kodu do wykazania wspólnego wykorzystania zamknięcia w .onclick zwrotnego i parafrazując:

link.onclick = function (e) { 
    var newa = document.createElement("a"); 
    var that = this; 
    document.body.appendChild(newa); 
    newa.onclick = function (e) { 
     that.firstChild.nodeValue = "reset"; 
     this.parentNode.removeChild(this); 
    } 
} 

I niedawno natknął Speaker Kyle Simpsons' Deck New Rules For Javascript a on wspomina, że ​​zapisanie zakresu this dla zamknięcia takiego jak var self = this lub (jak w opisie) jest "błędne" i sprawa dla Object.prototype.bind(). < Zgodność z ES5, czuję się bardziej komfortowo, opierając się na konstrukcjach językowych, aby rozwiązać problemy, zamiast używać hacków lub szybkich napraw, ale w tym fragmencie kodu problemem z użyciem bind, apply lub call jest zarówno odniesienie do otaczającej wartości this i potrzebna jest wartość referencyjna zamknięcia wynosząca this.

Czy to przypadek, w którym praktyczność przebija filozofię? Co można zrobić?

Answer 1

Nie traktowałbym twojego przykładu jako błędnego przypadku dla bind tego i to są osobne odniesienia. Błędnym przypadku wiążą byłoby:

var that = this; 

var fn = function() { 
    that.method(); 
} 

return fn; 

vs

var fn = function() { 
    this.method(); 
} 

return fn.bind(this); 

Answer 2

W ogólnym przypadku, jeśli naprawdę potrzebujesz zarówno this, jak i that, nie możesz po prostu zlikwidować jednego z nich, prawda?

W przypadku obsługi click, powinieneś być w stanie dostać się do elementu, o którym mowa, patrząc na obiekt zdarzenia przekazywana w. Uważam, że ma target własność jakiegoś rodzaju. Więc możesz użyć e zamiast this, a następnie połączyć się, aby uzyskać that jako .

W zależności od struktury strony można również przejść przez DOM, aby uzyskać od this do that, szczególnie jeśli używasz identyfikatora lub klasy do semantycznego oznaczania elementów.