在使用 TypeScript 的绑定函数中无法正确识别“thisArg”上下文

Question

使用下面的代码，TypeScript 将无法识别 thisArg 的上下文（应该是 a 并且应该有 saySomething() 方法。还有其他方法可以为 TypeScript 提供 thisArg 的上下文吗？

代码：

class A {
    saySomething() {
        console.log('Hello!');
    }
}

class B {
    constructor(a: A) {
        const boundSaySomething = this.saySomethingMyself.bind(a);
        boundSaySomething();
    }

    saySomethingMyself() {
        this.saySomething();
    }
}

const test = new B(new A());

控制台正确记录Hello，但类型检查显示

Property 'saySomething' does not exist on type 'B'.(2339)

Answer 1

我认为这对 linter 来说太混乱了，我宁愿玩继承。 我只是建议您转换为 any ，因为转换为 "A" 类型不起作用：

saySomethingMyself() {
    (<any>this).saySomething();
}

Answer 2

This answer 解决了我的问题。

基本上，我不得不

通过添加它（及其类型）来更改任何函数中 this 的上下文 作为函数的第一个参数。

就我而言，我必须将 saySomethingMyself 方法从 saySomethingMyself() 更改为 saySomethingMyself(this: A)。

完整的更新代码：

class A {
    saySomething() {
        console.log('Hello!');
    }
}

class B {
    constructor(a: A) {
        const boundSaySomething = this.saySomethingMyself.bind(a);
        boundSaySomething();
    }

    saySomethingMyself(this: A) {
        (this).saySomething();
    }
}

const test = new B(new A());

Answer 3

您需要为您的方法注解this 类型。

saySomethingMyself(this: A) {

完整解决方案：

class A {
    saySomething() {
        console.log('Hello!');
    }
}

class B {
    constructor(a: A) {
        const boundSaySomething = this.saySomethingMyself.bind(a);
        boundSaySomething();
    }

    saySomethingMyself(this: A) {
        this.saySomething();
    }
}

const test = new B(new A());

Playground