typescript学习（8）---外部类型定义

1、外部类型定义最大的仓库位于https://github.com/DefinitelyTyped/DifinitelyTyped

还有一个叫作typings的工具可以用来维护这些定义，安装如下：

npm install -g typings

typing的配置文件定义在typing.json中，默认情况下所有安装的外部类型都放在./typing这个目录中。

如需创建typings.json这份文件的基础配置：

typings init

安装新类型：

typings install angularjs --ambient

如需下载一个类型定义并在typings.json里面给它添加一条记录，可以使用：

typings install angular --ambient --save

2、自定义外部类型

我们可以把库类的接口定义成这样：

interface LibraryInterface {
  selectElement(selector:string):HTMLElement[]
  hide(element:HTMLElement):void
  show(element:HTMLElement):void
}

定义好接口之后，创建外部类型定义就比较容易了，只要创建一个名为dom的文件，后缀为ts.d，然后输入以下内容：

//inside "dom.d.ts"

interface DOMLibraryInterface {
  selectElements(selector:string):HTMLElement[]
  hide(element:HTMLElement):void
  show(element:HTMLElement):void
}

declare var DOM: DOMLibraryInterface;

在以上代码中我们定义了一个叫作DOMLibrayrInterface的接口，然后把变量DOM的类型声明成了DOMLibraryInterface。

在同时使用js类库和静态类型之前还需做一件事，在需要使用这个类库的代码里面包含外部类型定义文件。如下：

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

以上代码会提示编译器到哪里去找外部定义类型。