“this”隐式具有类型“any”，因为它没有类型注释

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

'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');
});

但是这个错误的正确修复方法是什么？

UPDATE: 事实证明添加了一个键入的this回调确实解决了错误。this:

答案

该错误确实通过插入来修复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问题创建是为了改进编译器的错误消息并突出显示实际的语法错误this和箭头函数。

来自: stackoverflow.com

答案#

答案