javascript - 传单库的类型是什么意思？

Question

我有一个关于 @typings/leaflet 的问题。在index.d.ts中有TileLayer的类型定义:

class TileLayer extends GridLayer {
    constructor(urlTemplate: string, options?: TileLayerOptions);
    setUrl(url: string, noRedraw?: boolean): this;

    options: TileLayerOptions;
}

但是leaflet中的实现类除了setUrl之外还有很多其他方法。这将如何帮助 Angular 4 开发人员导入 TileLayer，而无需在 index.html 中加载整个 leaflet.js？

另外在leaflet.js中的实现类TileLayer是在L命名空间下定义的。

Answer 1

声明文件(*.d.ts)允许你在TypeScript中使用第三方库，因为JavaScript是动态类型的，为了实现“编译时类型检查”，TypeScript需要知道每个符号的类型，这些声明文件允许 typescript 做到这一点。

例如，TypeScript 本身附带此声明文件，其中包含 document.querySelector() 的声明，并且此函数返回一个 Element，在纯 JavaScript 中，您可以可以毫无问题地执行此 document.querySelector(...).style ，但在 typescript 中，它会提示，因为接口(interface) Element 没有名为 style 的属性，所以你需要将其转换为 HTMLElement，然后 typescript 就会很高兴。它可以做到这一点是因为 .d.ts 声明文件