"this" โดยปริยายมี type "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');
});

แต่การแก้ไขที่เหมาะสมสำหรับข้อผิดพลาดนี้คืออะไร?

อัปเดต:ปรากฎว่าการเพิ่มที่พิมพ์ลง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และฟังก์ชันลูกศร