Как вызвать внешнее «это» во внутренней функции?

Question

Я определил две функции для массива:

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!! 
    }); 
} 

Но в функции removeAll, он сообщает function remove is not found. Я исправляю это следующим образом:

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

Но это уродливо. Есть ли способ лучше?

Answer 1

Передача this с помощью переменной переменной, так же как идиоматический подход. В этом нет ничего уродливого. (Чаще всего называть переменную that или self))

Answer 2

Function.bind и аналогичный.

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

Это технически не такой же, как и предыдущий «внутренний этот» теперь слежка/потерянным (и функция упаковщик новый создается), но она хорошо работает в некоторых контекстах.

По большей части, я предпочитаю стандартный var self = this ...

Happy кодирования.

Answer 3

Передача следующего одного аргумента forEach который будет контекстом this в функции обратного вызова, в вашем случае this относится к объекту окна.

Array.prototype.removeAll = function(array2) { 

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

Answer 4

Альтернатива использования привязки (если вам необходимо поддерживать старые браузеры и не хотите, чтобы расширить Function.prototype), чтобы просто обернуть обратный вызов в функции immidate и кормить this в качестве аргумента, как это:

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

или вы можете написать простую карри функцию полезности и использовать как этот

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)); 
} 

Если вы не возражаете расширение Function.prototype вы можете использовать bind, как уже описано другими, вы можете найти отличное расширение совместимости на MDN здесь: https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function/bind