Ionic2函数setInterval无法获取参数

Question

我使用Ionic2构建一个基于Angular2和Cordova的应用程序。 当我使用函数setInterval来获取一个名为clickCount的参数时，它会发出一个未定义的错误。

export class ItemDetailsPage {
static get parameters() {
    return [[NavController], [NavParams]];
}
constructor(nav, navParams) {
    this.nav = nav;
    this.clickCount = 0;
    this.selectedItem = navParams.get('item');
}

startTapped(event) {
   var cp= this.clickCount;   //here can get the clickCount
    this.stop = setInterval(function() {
        console.log(this.clickCount); //occur a undefined error
    }, 1000);
}

}

Answer 1

这是一个范围问题，要快速解决，只需这样做：

startTapped(event) {
   var that = this;
   this.stop = setInterval(function() {
       console.log(that.clickCount); //no more undefined error
   }, 1000);
}

我发生了因为“setInterval”里面的“this”是函数“setInterval”它自己，而不是“startTapped”范围的“this”，如果你创建一个指向“this”的指针，你可以使用那个指针在“setInterval”里面

Answer 2

我不知道ionic但我认为你应该使用arrow function/fat arrow，如下所示，

this.stop = setInterval(()=> {
        console.log(this.clickCount); //this will log this.clickCount
    }, 1000);
}

您可以使用arrow function和arrow function来查看此答案。但没有离子。对不起  

•  http://plnkr.co/edit/YIpg4J?p=preview - 检查控制台。