vue中使用定时器时this指向问题
箭头函数中的this指向是固定不变,普通函数中的this指向是变化的
·
在写一个很小的demo时,用的普通函数写法,没有用es6箭头函数,发现定时器怎么也运作不了,后来查找到了问题所在:
箭头函数中的this指向是固定不变(定义函数时的指向),在vue中指向vue
普通函数中的this指向是变化的(使用函数时的指向),谁调用的指向谁
箭头函数:
created () {
setInterval(() => { console.log(this) }, 1000) // vue
setInteval(function () { console.log(this) }, 1000) // window,因为setInterval()函数是window对象的函数
}
更多推荐
已为社区贡献2条内容
所有评论(0)