javascript使用setTimeout、setInterval時找不到變數的問題（1）

標籤：cti   題解   monit   his   http   int   為什麼   win   log   

我們在某個範圍內或者在自己定義的一個類裡調用setTimeout、setInterval會經常會遇到找不到某個變數的錯誤。比如下面這個例子： 

window.onload = function(){    manager.init();};var manager = {    init: function() {        slef = this;        this.name = "manager";        setInterval(this.timerMonitor, 1000);    },        timerMonitor: function(){        console.log(this.name);    }}

我們來看下chrome下的運行結果：並沒有按預想列印manager。因為this.name這個變數是undefined狀態。那麼怎麼解決這個問題呢？只需要把setInterval(timerMonitor, 1000);改為setInterval(function(){self.timerMonitor()}, 1000);就可以了。完整代碼如下：

window.onload = function(){    manager.init();};var manager = {    init: function() {        self=this;        this.name = "manager";        setInterval(function(){self.timerMonitor()}, 1000);    },        timerMonitor: function(){        console.log(this.name);    }}

再來看Chrome下的運行結果如：

這個時候this.name變數被正確列印出來了。問題解決了，問題也來了，為什麼這麼改就好了呢？後面再更新blog說明原因。 

javascript使用setTimeout、setInterval時找不到變數的問題（1）