javascript - 为什么使用超时显然会丢失 this 变量的引用？

Question

为什么会这样:

myelements.mouseenter(function() {  
  clearTimeout(globaltimeoutvar);
  globaltimeoutvar = setTimeout(function() {
  var index = myelements.index(this);
    console.log(index); // -1
  }, 150);
});

记录-1，而:

myelements.mouseenter(function() {
  var index = myelements.index(this);
  clearTimeout(globaltimeoutvar);
  globaltimeoutvar = setTimeout(function() {
    console.log(index); // 0, 1, 2, 3, what ever
  }, 150);
});

记录正确的索引？

或者:尝试在超时回调中访问引用/事件数据时，是否有任何引用/事件数据被破坏？

Answer 1

尝试一下:您可以将 $(this) 存储在变量中，并在 setTimeOut 中使用它

正如@Regent所说，this指的是调用函数的对象，因此this指的是window

myelements.mouseenter(function() {  
  var myelementsThis = $(this);
  clearTimeout(globaltimeoutvar);
  globaltimeoutvar = setTimeout(function() {
  var index = myelements.index(myelementsThis);
    console.log(index); // -1
  }, 150);
});