如何使用打字稿在 3rd 方类上定义方法？

Question

我正在尝试扩展第 3 方课程，但无法让 typescript 发挥出色。基本上，我不能在我的新方法中使用类中已经定义的任何现有方法。

一种解决方法是重新定义extensions.ts 中的现有方法（见下文），但必须有更好的方法。

第三者index.d.ts

export as namespace thirdParty;

export Class SomeClass {
  // some methods here
}

我的extensions.ts

import {thirdParty} from 'thirdParty'

declare module 'thirdParty' {
    namespace thirdParty {
        class SomeClass{
            newMethod(): this

            // works if I redfine the method here
            originalExistingMethod(): number
        }
    }
}

thirdParty.SomeClass.prototype.newMethod = function() {
    return this.originalExistingMethod() + 1
}

当调用像上面的this.originalExistingMethod() 这样的现有方法时，打字稿会抱怨：

TS2339: Property 'originalExistingMethod' does not exist on type 'SomeClass'

有没有办法避免在执行module augmentation时重新定义现有方法？

Answer 1

初步回答

这里是 an example 使用 Tensorflow 库。

扩展.ts

import { AdadeltaOptimizer } from '@tensorflow/tfjs-core';

declare module '@tensorflow/tfjs-core' {
    interface AdadeltaOptimizer {
        newMethod(message: string): void;
    }
}

AdadeltaOptimizer.prototype.newMethod = function (message: string) {
    console.log('===============');
    console.log(message);
    console.log('===============');
}

index.ts

import { AdadeltaOptimizer } from '@tensorflow/tfjs';
import "./extend";

const optimizer = new AdadeltaOptimizer(10, 10);

// the existing method is present
const className = optimizer.getClassName();

// the augmentation is also present
optimizer.newMethod(`The className is ${className}.`);

有一个类似的例子in the official TypeScript documentation，它用map 方法扩充了Observable。

跟进评论

谢谢。虽然我的问题是在定义 newMethod 时使用现有方法。所以在extend.ts 中而不是在index.ts 中。对此有何想法？

这也适用于extend.ts，如下所示：

import { AdadeltaOptimizer } from '@tensorflow/tfjs-core';

declare module '@tensorflow/tfjs-core' {
    interface AdadeltaOptimizer {
        newMethod(message: string): void;
    }
}

AdadeltaOptimizer.prototype.newMethod = function (message: string) {

    // just access the original method on `this` 
    const className = this.getClassName();

    console.log('===============');
    console.log(className);
    console.log(message);
    console.log('===============');
}