Is it possible for jquery.each function not to clobber the 'this' variable?

Question

So if the variable "this" is currently set to an object,

{ name: "The old this" }

the following code will change it in the loop

var array = [1, 2, 3];
$.each(array,
  function(i, e){
    alert(this.name);
  }
);

this.name wont be found, instead the variable "this" is set to the same as 'e' during the loop execution

Is it possible to have jquery not clobber the this variable on $.each loops?

Answer 1

If you use the native .forEach instead of $.each, you can set the this value for the callback by sending a second argument...

array.forEach(function(e, i) {
    alert(this.name);
}, this);

You'll need to patch older browsers, including IE8...

• Compatibility patch from MDN

---

Or you can use jQuery's $.proxy to return a function with the desired this value...

$.each(array, $.proxy(function(i, e) {
    alert(this.name);
}, this) );