'this' 隐含类型为 'any' 因为它没有类型注释

Question

当我在tsconfig.json 中启用noImplicitThis 时，我收到以下代码的错误：

'this' implicitly has type 'any' because it does not have a type annotation.

class Foo implements EventEmitter {
  on(name: string, fn: Function) { }
  emit(name: string) { }
}

const foo = new Foo();
foo.on('error', function(err: any) {
  console.log(err);
  this.emit('end');  // error: `this` implicitly has type `any`
});

将类型化的this 添加到回调参数会导致相同的错误：

foo.on('error', (this: Foo, err: any) => { // error: `this` implicitly has type `any`

解决方法是将this 替换为对象：

foo.on('error', (err: any) => {
  console.log(err);
  foo.emit('end');
});

但是这个错误的正确解决方法是什么？

---

更新： 事实证明，在回调中添加键入的 this 确实可以解决错误。我看到错误是因为我使用了带有 this 类型注释的箭头函数：

Answer 1

确实通过插入带有类型注释的this 作为第一个回调参数来修复错误。我这样做的尝试是通过同时将回调更改为箭头函数来搞砸的：

foo.on('error', (this: Foo, err: any) => { // DON'T DO THIS

应该是这样的：

foo.on('error', function(this: Foo, err: any) {

或者这个：

foo.on('error', function(this: typeof foo, err: any) {

---

创建了一个 GitHub issue 以改进编译器的错误消息并使用 this 和箭头函数突出显示实际的语法错误。

Answer 2

用于方法装饰器声明 配置"noImplicitAny": true, 您可以根据@tony19 的回答明确指定此变量的类型

function logParameter(this:any, target: Object, propertyName: string) {
  //...
}

Answer 3

你可以添加

 "noImplicitAny": false,

到

tsconfig.json

正如here所说的那样