打字稿类，而变量的访问

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