Jak wywołać zewnętrzne "to" w funkcji wewnętrznej?

Question

zdefiniowałem dwie funkcje tablicy:

Array.prototype.remove = function(obj) { 
    var i = this.length; 
    while (i--) { 
     if (this[i] === obj) { 
      this.removeAt(i); 
     } 
    } 
}; 
Array.prototype.removeAll = function(array2) { 
    array2.forEach(function(item) { 
     this.remove(item); // remove not found!! 
    }); 
} 

Ale w funkcji removeAll, donosi, że function remove is not found. Naprawię to tak:

Array.prototype.removeAll = function(array2) { 
    var outer = this; 
    array2.forEach(function(item) { 
     outer.remove(item); 
    }); 
} 

Ale to jest brzydkie. Czy istnieje lepszy sposób?

Answer 1

Przekazywanie this przez inną zmienną, jak to robisz, to podejście idiomatyczne. Nie ma w tym nic brzydkiego. (Częściej jednak wywoływana jest zmienna that lub self)

Answer 2

Istnieje Function.bind i podobne.

array2.forEach((function(item) { 
    this.remove(item); 
}).bind(this)); 

To nie jest technicznie tak samo, jak poprzedni „wewnętrzny ta” jest obecnie zasłonięta/Lost (a nowy funkcja owinięcie jest tworzony), ale działa dobrze w niektórych kontekstach.

W przeważającej części, wolę średnia var self = this ...

Szczęśliwa kodowania.

Answer 3

Podając kolejny argument do forEach, który będzie kontekstem this w funkcji zwrotnej, W twoim przypadku this odnosi się do obiektu okna.

Array.prototype.removeAll = function(array2) { 

    array2.forEach(function(item) { 
     this.remove(item); 
    },this); 
} 

Answer 4

Alternatywą korzystania bind (jeśli trzeba wspierać starych przeglądarek i nie chcą przedłużyć Function.prototype) jest po prostu owinąć zwrotnego w funkcji immidate i paszy this jako argument tak:

Array.prototype.removeAll = function(array2) { 
    array2.forEach(function(outer){ 
    return function(item) { 
     outer.remove(item); 
    };}(this)); 
} 

lub możesz napisać prostą funkcję użytkową curry i używać jak to

function curry() { 
    var fn = Array.prototype.shift.call(arguments), 
     args = Array.prototype.slice.call(arguments); 
    return function curryed() { 
    return fn.apply(this, args.concat(Array.prototype.slice.call(arguments))); 
    }; 
}; 



Array.prototype.removeAll = function(array2) { 
    array2.forEach(curry(function(item) { 
     outer.remove(item); 
    },this)); 
} 

Jeśli nie przeszkadza Rozszerzając Function.prototype możesz użyć binda, jak to już opisali inni, możesz znaleźć doskonałe rozszerzenie kompatybilności na MDN tutaj: https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function/bind