请问自己写了一个typescript的.ts和.d.ts，如何关联这两个文件让声明文件生效？

Question

我写了一个test.ts

export default class TestClass2 {
    static defaultName: string = "luck";
    static getName(): any {
        return TestClass2.defaultName;
    }
}

和一个test.d.ts

declare class TestClass2{
    static defaultName: string // 默认名字
    static getName(): any // 获取名字的方法
}

然后我在main.ts里使用这个类，并没有相关的提示（比如我调用testclass2.defaultName，并没有“默认名字”的代码提示）。

这个.d.ts到底是如何使用的？如何让一个.ts文件和它对应的.d.ts文件想关联？

Answer 1

已解决：
出现上面问题的原因是没有弄懂ts类型声明文件的作用。
如果要在ts文件里引入第三方的js库（比如Jquery或者自己写的js模块），那么该js没有类型约束，怎么办？这时候就可以引入该文件的.d.ts，然后typescript就会根据这个类型申明文件对该js进行类型验证。
下面引用一下stackoverflow的一段话：
The "d.ts" file is used to provide typescript type information about an API that's written in JavaScript. The idea is that you're using something like jQuery or underscore, an existing javascript library. You want to consume those from your typescript code.

Rather than rewriting jquery or underscore or whatever in typescript, you can instead write the d.ts file, which contains only the type annotations. Then from your typescript code you get the typescript benefits of static type checking while still using a pure JS library.

Answer 2

在需要用的ts文件的最上面一行添加reference

/// <reference path="./somedefinition.d.ts" />

Answer 3

declare global {
    interface XXX {
        // ...
    }
}