vue中使用定時器時this指向

箭頭函數中的this指向是固定不變（定義函數時的指向），在vue中指向vue;

普通函數中的this指向是變化的（使用函數時的指向），誰調用的指向誰。

 

箭頭函數：

let timerOne = setInterval(() => { 2 　　　　console.log(this);// vue
}, 1000); 4 let timerTwo = setInteval(function () { 5 　　　　console.log(this); // window,因為setInterval()函數是window對象的函數
}, 1000);

打印結果：

 

let timer = setInterval(() => { 2 　　this.myFunc(); 3 },1000); 4 myFunc(){ 5 　　console.log('sunyu is handsome !'); 6 }

不用箭頭函數也可以搞定：

myFunc(){ 2 　　console.log(vm.name);// name為已經在created中聲明的變量
}; 4 let  vm = this; 5 let timer = setInteval(function () { 6 　　 　　　　myFunc(); 7 }, 1000) ;

 

最后溫馨提示不要忘了清除定時器哦！