typescript 声明合并库类型

Question

有人知道如何“扩展”(通过声明合并)接口(interface)声明，即在库文件中从 typescript 声明的地方吗？

在我的例子中，我想扩展库 lib.dom 中构建的 typescript 的接口(interface) HTMLCanvasElement。我知道声明合并是如何工作的，但我没有为接口(interface) HTMLCanvasElement 获得正确的导入。

import {HTMLCanvasElement} from '<what.to.use.here>';

declare module '<what.to.use.here>'{
    interface HTMLCanvasElement{
        //add my stuff
    }
}

谢谢:)

Answer 1

这些类型存在于全局命名空间中。如果您在脚本文件中(即不是模块)，您可以重新声明它。如果您在模块中，则需要在 global 中声明它，无需导入。

declare global{
    interface HTMLCanvasElement{
        my:number
    }
}

export var x = 1;// just to make this module
let c: HTMLCanvasElement;
c.animate // regular stuff 
c.my //my stuff