javascript - 在 Typescript 中向基类添加扩展

Question

我在 javascript 中添加了 Number 的方法。现在我想在 typescript 中提供此方法，但我不知道如何通过定义文件添加它。

我的方法是

Number.prototype.formatMoney = function(c, d, t){
    var n = this,
        c = isNaN(c = Math.abs(c)) ? 2 : c,
        d = d == undefined ? "." : d,
        t = t == undefined ? "," : t,
        s = n < 0 ? "-" : "",
        i = parseInt(n = Math.abs(+n || 0).toFixed(c)) + "",
        j = (j = i.length) > 3 ? j % 3 : 0;
    return s + (j ? i.substr(0, j) + t : "") + i.substr(j).replace(/(\d{3})(?=\d)/g, "$1" + t) + (c ? d + Math.abs(n - i).toFixed(c).slice(2) : "");
};

我正在考虑添加此定义文件，但它给了我错误“重复的标识符号”

declare module Number{
    export var formatMoney:Function;
}

Answer 1

除了在Number原型(prototype)上定义方法外，还需要在Number接口(interface)上定义:

interface Number {
    formatMoney(c, d, t): string;   
}

您可以在应用程序中的任何位置定义它，TypeScript 将通过 Declaration Merging 将其与现有的 Number 接口(interface)合并。 .

顺便说一句，我强烈建议您为函数中的变量指定比 c、d、t 更好的名称、s、j 等...由于变量没有描述性名称，因此开发人员需要更长的时间才能理解这些变量的含义而且它使代码更难以维护。

此外，我建议提供参数类型信息并使用 default parameters :

interface Number {
    formatMoney(value: number, decimalMark?: string, thousandsSeparator?: string): string;  
}

Number.prototype.formatMoney = function(value: number, decimalMark = ".", thousandsSeparator = ",") {
    // etc...
};

另外，请注意 i 未在函数中声明。