箭头函数与定时器的this指向问题
2024-09-04 03:41:35
函数体内的this
对象,就是定义时所在的对象,而不是使用时所在的对象。
箭头函数本身没有this,this继承上级的this。
定时器中箭头函数的this指向包含定时器的函数,所以定时器中的箭头函数要使用外层this的时候,不用借that传递了,正常使用即可
// 为避免频繁点击触发事件,点击之后禁用点击事件,1.5秒后解除
$('#refresh').click(function () {
$(this).css('pointer-events', 'none')
//定时器的this指向window,箭头函数没有this,使用外层函数的this,所以在定时器中用this指向了外层的this
setTimeout(() => {
$(this).css('pointer-events', '')
}, 1500)
})
http://es6.ruanyifeng.com/#docs/function#%E7%AE%AD%E5%A4%B4%E5%87%BD%E6%95%B0
最新文章
- MVC4与JSON交互的知识总结
- xml转成数组,原来这么简单!
- document.documentElement和document.body的区别
- 【POJ】2104 K-th Number(区间k大+主席树)
- C#'~'按位取反运算符的使用
- 树莓派连接GPS模块
- 转:设置Loadrunner负载机临时文件目录
- springmvc 获取request 和 java路径分隔符 在windows 和linux 下自动判断的方法
- 视觉SLAM
- Codeforces Round #410 (Div. 2)
- React-router v4教程
- go 【第二篇】包、变量、函数
- PostgreSQL 问题总结
- 罗技Setpoint控制酷狗等第三方播放器
- 如何代码隐藏email而用户又能看到
- SpringMVC之使用 @RequestMapping 映射请求
- 【Oracle】Oracle中复合数据类型
- String s=";hello";;s+=";world";;s变化了吗?原始的String对象的内容变了吗?
- spring JDBC 事务管理
- beego 自定义模板函数