this指向问题

时间:2021-12-10 02:50:36

我今天下午本来想做个就是tr鼠标移出之后过三秒把对应的input添加hiddens类

然后我就这样写了

$('.table>tbody>tr').mouseout(function(){
  var index=$(this).index();
  setTimeout(function(){
  console.log(index);
  console.log($(this));
  $(this).parents('.table').siblings('.check-btn').children('p').eq(index).children('input').addClass('hiddens');
},);

然后就一直不能得到我想要的效果

然后我就打印了setTimeout里面的this

发现this指向了window

我去

我本意是想指向tr的呀

然后我就发现可能是闭包了

然后我对闭包也并不熟悉

然后我就看书了

然后我就找到了解答的方案

如下

    $('.table>tbody>tr').mouseout(function(){
var index=$(this).index();
var that=$(this);
setTimeout(function(){
console.log(that);
that.parents('.table').siblings('.check-btn').children('p').eq(index).children('input').addClass('hiddens');
},);
})

看到了吗

用that=$(this)

在setTimeout外面定义

哇撒

然后that就指向了tr

但是这时我又有疑惑了

为什么setTimeout里面this会指向window呢

然后就发现我知识太少了

然后就得到了小伙伴的指导

原来

setTimeout是挂在window上面的全局方法

是不是一目了然就知道了我疑惑setTimeout里面的this指向问题

ps:原谅我的知识有限,经过园友的指出,原来这个不是闭包问题,所以我就改正了,谢谢谢谢各位园友,园友的力量是伟大的:

  还有问了一些小伙伴说:闭包是变量的作用域的问题,这个是改变了 this 指向的