【笔记】TS的类型声明文件

发表于 更新于 分类于 阅读次数：

前言

TS的.d.ts类型声明文件学习笔记

全局变量类型声明

types/global.d.ts
1
2
declare let 变量名: 数据类型;
declare function 函数名(形参名: 数据类型): 返回值类型;
main.js
1
2
console.log(变量名);
函数名(实参);

模块变量类型声明

模块全部变量类型声明

types/global.d.ts
1
declare module "模块名"
main.js
1
2
3
4
import * as 模块名 from "模块名";

console.log(模块名.变量名);
模块名.函数名(实参);

模块指定变量类型声明

types/global.d.ts
1
2
3
4
declare module "模块名" {
  export let 变量名: 数据类型;
  export function 函数名(形参名: 数据类型): 返回值类型;
}
main.js
1
2
3
4
import { 变量名, 函数名 } from "模块名";

console.log(变量名);
函数名(实参);

文件变量类型声明

types/global.d.ts
1
declare module "*.png"
main.js
1
2
3
import 图片名 from "./图片名.png";

console.log(图片名);

完成