Ionic 2：設置間隔

Question

我嘗試在.ts文件中設置間隔，但我不明白如何在間隔中的同一文件中使用某個函數。

爲了解釋：

我的時間間隔設置：

this.task = setInterval(function() { 
      this.refreshData(); 
     }, 300); 

和我在同一個TS文件功能：

refreshData() : void{ 
     console.log('update...'); 
    } 

當我在我的設備上運行，我有這樣的錯誤：

04-19 10:38:57.535 21374-21374/com.ionicframework.app722890 I/chromium: [INFO:CONSOLE(79432)] "TypeError: this.refreshData is not a function 
                         at file:///android_asset/www/build/main.js:10987:18 
                         at t.invokeTask (file:///android_asset/www/build/polyfills.js:3:10284) 
                         at Object.onInvokeTask (file:///android_asset/www/build/main.js:39626:37) 
                         at t.invokeTask (file:///android_asset/www/build/polyfills.js:3:10220) 
                         at e.runTask (file:///android_asset/www/build/polyfills.js:3:7637) 
                         at invoke (file:///android_asset/www/build/polyfills.js:3:11397) 
                         at e.args.(anonymous function) (file:///android_asset/www/build/polyfills.js:2:30193)", source: file:///android_asset/www/build/main.js (79432) 

我嘗試這種方式，但我不工作：

this.task = setInterval(this.refreshData(), 300); 

這隻能調用我的函數一次。

有人有想法嗎？

Answer 1

使用箭頭功能

this.task = setInterval(() => { 
    this.refreshData(); 
}, 300); 

或存儲方面像

let self = this; 
this.task = setInterval(function() { 
    self.refreshData(); 
}, 300); 

或使用bind

this.task = setInterval((function() { 
    this.refreshData(); 
}).bind(this), 300); 

，如果這只是一個函數調用：

this.task = setInterval(this.refreshData.bind(this), 300); 

，你可以瞭解更多有關這與https://github.com/getify/You-Dont-Know-JS/blob/master/this%20%26%20object%20prototypes/ch1.md

Answer 2

試試這個：

setInterval(this.refreshData, 300); 

Answer 3

我複製粘貼你的代碼在我的應用程序。

這工作：

this.task = setInterval(() => { 
    this.refreshData(); 
}, 300); 

Answer 4

你應該=>箭頭使用的setInterval（），正如我所說以下

​​

100％的工作。