这篇博客探讨了JavaScript中箭头函数与普通函数的this指向差异。在箭头函数中，this保持定义时的上下文，而在Vue环境中指向Vue实例。而在普通函数中，this取决于函数的调用方式，可能指向调用者。通过示例展示了两个定时器，一个使用普通函数，一个使用箭头函数，显示了不同的this指向，其中箭头函数能够正确访问到Vue实例中的`showLoadingOpen`属性，而普通函数则不能。
摘要由CSDN通过智能技术生成
const myTimer1 = setInterval(function () {
console.log(this)
console.log(this.showLoadingOpen)
clearInterval(myTimer1)
}, 1000)
const myTimer2 = setInterval(() => {
console.log(this)
console.log(this.showLoadingOpen)
clearInterval(myTimer2)
}, 1000)
其中showLoadingOpen是在vue的data中定义的一个bool类型值，运行后结果如下：
最后请记得关闭定时器clearInterval(myTimer)
最近在做一个数据可视化的项目，其
中
就不得不考虑数据项定时刷新功能了。
所以就在我们的
vue
项目
中
使用
了
定时器
。
1、在
vue
中
，有两套
定时器
，一套是浏览器API，window对象上的；另一套就是
vue
/nodejs封装的，需要引入
import {
setInterval
, clearInterval } from 'timers'
建议
使用
window对象自带的，因为不容易错。
如果一不小心只...
对于一位
前端
工程师来说，说到
定时器
，想必都不陌生。无论是刚开始码农生活的新人还是多年工作经验的大牛，setTimeout() 、
setInterval
() 在项目
中
不可避免的都会
使用
。
作为一个
前端
小菜鸟，在项目
中
自己在项目
中
使用
setInterval
，由于不正确的
使用
，竟然导致了浏览器崩溃，项目停止，电脑死机…可怕之极，下面详细写一下关于
定时器
的用法及注意事项
mouted() {
this.timer =
setInterval
(()=>{
// 要执行的函数
destoryed() {
this.clearInterv...
一、问题来源。
在项目
中
，我们经常有这样的需求，一个页面初始化后，需要不断的去请求后端，来获取当前某个记录的最新状态。
显然，这个可以用setTimeout以及回调
中
继续setTimeout来实现。
我们假设
定时器
是在页面#/test/aaa上创建的。
但是，会遇到以下两个问题，我从#/test/aaa 这个页面切换到 #/test/bbb页面后如果停留在#/test/bbb，
定时器
