TypeScript中数字的扩展方法

问题描述 投票:2回答:1

我已经读到add Extension Methods to types in TypeScript是可能的,但是将其应用于内置类型Number时遇到了一些麻烦。

这里是一些代码:

文件A:NumberExtensions.ts

// tslint:disable-next-line:class-name interface-name
export interface Number {
    isBigNumber(value: number): boolean;
}
// @ts-ignore
Number.prototype.isBigNumber = (value: number) => {
    return value > 100000;
};

文件B:使用上述文件

import { Number } from "./NumberExtensions";

foo() {
    const aBigNumber: number = 1000000000;

    // Errors here TS2339: Property 'isBigNumber' does not exist on type 'number'.
    if (aBigNumber.isBigNumber()) {
        console.log("It's a big number!");
    }
}

我对TypeScript扩展方法的声明和使用是否正确?

typescript extension-methods
1个回答
3
投票

由于您在作为模块的文件中定义扩充,因此需要在declare global中添加扩充声明:


export { }
declare global {
    export interface Number {
        isBigNumber(): boolean;
    }
}
Number.prototype.isBigNumber = function (this: number)  {
    return this > 100000;
};

function foo() {
    const aBigNumber: number = 1000000000;

    // Errors here TS2339: Property 'isBigNumber' does not exist on type 'number'.
    if (aBigNumber.isBigNumber()) {
        console.log("It's a big number!");
    }
}



Playground Link

© www.soinside.com 2019 - 2024. All rights reserved.