javascript - 从父函数访问重写的变量

Question

我想知道是否有比我当前的解决方法更简单的解决方案。

Javascript 示例:

var data= {
  'key1':'value1'
};

$.each(data,function foo() {
  alert(this); //alerts 'value1'
  $('#element').click(function()) {
    alert(this); //alerts something else
  }
});

解决这个问题的方法是:

var data= {
  'key1':'value1'
};


$.each(data,function foo() {
  alert(this); //alerts 'value1'

  var this_original=this;

  $('#element').click(function()) {
    alert(this_original); //alerts 'value1'
  }
});

这解决了问题，但不是很干净。我想知道是否有一个很好的 Javascript/jQuery 方法来获取子函数内部原始 this 的值。类似于:parentFunction.this

Answer 1

不要使用this，而是使用参数:

var data= {
  'key1':'value1'
};

$.each(data,function foo(idx,val) {
  alert(val); //alerts 'value1'
  $('#element').click(function() {
    alert(val); //alerts 'value1'
  });
});