zl程序教程

您现在的位置是:首页 >  其它

当前栏目

setInterval和setTImeout中的this指向问题

this 指向 setTimeout setInterval 问题
2023-09-11 14:15:07 时间

问题:在setInterval和setTimeout中传入函数时,函数中的this会指向window对象

解决方法:

1. 将当前对象的this存为一个变量,定时器内的函数利用闭包来访问这个变量。var self = this;

2.利用bind绑定

setTimeout(function(){
   console.log(this.num);
}.bind(this), 1000) //利用bind()将this绑定到这个函数上

3. 箭头函数

setTimeout(() => {
    console.log(this.num);
}, 1000)    //箭头函数中的this总是指向外层调用者

 

参考:

http://www.cnblogs.com/zsqos/p/6188835.html