如何在构造函数中调用函数

Question

我有以下课程：

class QuestionService {
   static $inject = [
      "$interval",
      "$http",
      "$state"
   ];
   constructor(
      private $interval,
      private $http: ng.IHttpService,
      private $state
   ) {

      $interval(function () {
         this.putTestQuestionResponses()  // <-- error here 
                                          // this.putTestQuestionResponse
                                          // is not a function
      }, 5 * 1000);
   }

   putTestQuestionResponses = () => {
      // do something
   };
}

我想要做的是在上面的 $interval 函数中调用 putTestQuestionResponses() 。

我正在尝试做的可能吗？ 有人可以让我知道如何做到这一点吗？

Answer 1

在这种情况下，我们需要箭头函数，它将为我们保留上下文：

// instead of this
//$interval(function () { // this will be ... not expected
// we need arrow function
$interval(() => {         // arrow functions keep 'this' related to local context
     this.putTestQuestionResponses() 
}, 5 * 1000);

请参阅此了解更多信息：

TypeScript 箭头函数教程

或在这里：

Basarat 的箭头函数