打字稿類，而變量的訪問

Question

我在打字稿

class SlowQueriesController { 
    $http 
    constructor($http, $routeParams) { 
    this.$http = $http; 

    ..... some other code .... 

    this.$http.get('/api/metrics/findByType/' + $routeParams.application + '/METER').then(response => { 
     this.meters = response.data; 
     for (var i = 0; i < this.meters.length; i++) { 
     fillInMeterData(this.meters[i]); 
     } 
    }); 
    } 

    function fillInMeterData(meter) { 
    this.$http.get('/api/meterData/values/' + meter._id).then(response => { 
     ... some code ... 
    }); 
    } 
} 

該類我得到的問題是，在方法fillInMeterData我在哪裏訪問本該是在方法定義。$ HTTP，這是不確定的。

任何想法我做錯了什麼。請原諒我打字稿的知識淺薄，我仍在學習。

Answer 1

我發現這個問題，但問題是，有哪些不正確聲明fillInMeterData之前的方法（它們被聲明如「功能方法名（ ）'）

一旦我修復了類中的所有方法，以遵循語法，一切正常。

Answer 2

在打字稿類的方法不應該包含function關鍵字，並用它在this playground of a stripped version of your code編譯器應該抱怨你，如：

class SlowQueriesController { 
    constructor($http, $routeParams) { } 

    function fillInMeterData(meter) {} // ERROR: Unexpected token. A constructor, method, accessor, or property was expected. 
} 

您的代碼應該是這樣的：

class SlowQueriesController { 
    $http 
    constructor($http, $routeParams) { 
     this.$http = $http; 

     ..... some other code .... 

     this.$http.get('/api/metrics/findByType/' + $routeParams.application + '/METER').then(response => { 
      this.meters = response.data; 
      for (var i = 0; i < this.meters.length; i++) { 
       this.fillInMeterData(this.meters[i]); 
      } 
     }); 
    } 

    fillInMeterData(meter) { 
     this.$http.get('/api/meterData/values/' + meter._id).then(response => { 
      ... some code ... 
     }); 
    } 
} 

區別在於：

1. 否function關鍵字的fillInMeterData方法
2. 調用此方法時，使用this.fillInMeterData