声明文件有什么用

TypeScript 是 JavaScript 的超集, 但是最终还是要编译为 .js 文件在浏览器中执行, 所以, 不可避免的在使用 TypeScript 开发项目的时候, 就会用到一些 js 库, 此时就需要 声明文件来确定类型, 这样, 才能获得对应的代码补全、接口提示等功能. 简单理解: 声明文件就是对已经实现的代码进行 ts 的类型声明(只是声明不实现)

1. 声明文件都是 .d.ts 结尾的文件
2. 直接使用第三方声明文件, 一般是 @types/xxx, 比如 @types/jquery @types/lodash

使用第三方声明文件

npm install @types/jquery -D

import $ from "jquery";

$(function () {
  $("#btn").click(function () {
    console.log(this);
  });
});

声明文件语法

在线参考文档

• declare var 声明全局变量
• declare function 声明全局方法
• declare class 声明全局类
• declare enum 声明全局枚举类型
• declare namespace 声明（含有子属性的）全局对象
• interface 和 type 声明全局类型
• export 导出变量
• export namespace 导出（含有子属性的）对象
• export default ES6 默认导出
• export = commonjs 导出模块
• export as namespace UMD 库声明全局变量
• declare global 扩展全局变量
• declare module 扩展模块
• /// 三斜线指令