this指向问题
2016-11-14 17:27 改吧 阅读(344) 评论(7) 编辑 收藏 举报我今天下午本来想做个就是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'); },3000);
然后就一直不能得到我想要的效果
然后我就打印了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'); },3000); })
看到了吗
用that=$(this)
在setTimeout外面定义
哇撒
然后that就指向了tr
但是这时我又有疑惑了
为什么setTimeout里面this会指向window呢
然后就发现我知识太少了
然后就得到了小伙伴的指导
原来
setTimeout是挂在window上面的全局方法
哇
是不是一目了然就知道了我疑惑setTimeout里面的this指向问题
ps:原谅我的知识有限,经过园友的指出,原来这个不是闭包问题,所以我就改正了,谢谢谢谢各位园友,园友的力量是伟大的:
还有问了一些小伙伴说:闭包是变量的作用域的问题,这个是改变了 this 指向的
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 现代计算机视觉入门之:什么是图片特征编码
· 手把手教你在本地部署DeepSeek R1,搭建web-ui ,建议收藏!
· Spring AI + Ollama 实现 deepseek-r1 的API服务和调用
· 数据库服务器 SQL Server 版本升级公告
· C#/.NET/.NET Core技术前沿周刊 | 第 23 期(2025年1.20-1.26)
· 程序员常用高效实用工具推荐,办公效率提升利器!