离子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/tree/1st-ed/this & bject prototypes/ch1.md

Answer 2

您应该将setInterval((与=>箭头一起使用，如下所示

   setInterval(() => {      
          console.log('timer');
          //you can call function here
    },5000);

100％工作。

Answer 3

尝试以下：

setInterval(this.refreshData, 300);

Answer 4

我将您的代码复制在我的应用中。

这有效：

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