如何使用 Typescript 2.0 扩展下划线

Question

我有以下 sn-p 用 sum 函数扩展下划线

//underscore.extension.ts    
import * as _ from "underscore"

declare module "underscore" {
    export interface UnderscoreStatic {
        sum(items: number[]): number;
    }
}

_.mixin({
    sum: items => { return _.reduce<number, number>(items, function (s, x) { return s + x; }, 0); }
});

但是，使用 _.sum() 会给我“属性 'sum' 在类型 'UnderscoreStatic' 上不存在。

嗯，有人告诉我这样做的正确方法吗？

Answer 1

在进一步查找后，您还可以使用全局增强来解决您的问题 (https://www.typescriptlang.org/docs/handbook/declaration-merging.html#global-augmentation)

import * as _ from "underscore"

declare global {
    interface UnderscoreStatic {
        sum(items: number[]): number;
    }
}

_.mixin({
    sum: items => { return _.reduce<number, number>(items, function (s, x) {     return s + x; }, 0); }
});

由于您的下划线混入必须至少运行一次，因此您必须尽早包含/要求此修改，但您可以在混入后正常使用下划线包。

Answer 2

typescript 需要声明的定义，而 sum() 是未知的。您是否尝试过将下划线扩展为一个类并将 sum 声明为静态方法？

然后导出新的扩展下划线类以在您的应用程序中使用？

编辑； Underscore 没有构造函数，因此您必须扩展接口并混合您的更改并返回新接口，如下所示：

import * as _ from 'underscore';

interface UnderscoreExtended extends UnderscoreStatic {
    sum(items: number[]): number;
}

_.mixin({
    sum: items => { return _.reduce<number, number>(items, function (s, x) { return s + x; }, 0); }
});

export { UnderscoreExtended } // as UnderscoreStatic }

export default _ as UnderscoreExtended;

在您的项目中，您可以导入这个扩展的下划线并照常使用它

import _ from '<your file containing extended underscore>';

_.isNumber(
    _.sum([1, 2])
);