ts declare 的用法、和export的区别、*.d.ts的使用说明

这个昵称也不能用吗？

已于 2023-12-05 11:29:17 修改

阅读量5.2k

点赞数 3

文章标签：运维前端开发语言 typescript

于 2023-12-05 11:27:46 首次发布

本文链接：https://blog.csdn.net/qq_37766810/article/details/134802641

版权

本文介绍了TypeScript中的declare关键字用于声明全局变量、类型和函数，以及*.d.ts文件的使用。作者探讨了使用declarenamespace解决命名冲突的方法，并指出模块化在处理命名冲突和编译后的优势。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先声明，declare 来声明全局变量或类型的目的是为了让 TypeScript编译器能够识别和理解这些外部环境中已存在的内容，而不需要在当前文件中提供具体的实现或定义。包括 declare namespace 和declare moudle 也是为了上述。

在这里插入图片描述

在这里插入图片描述

*.d.ts文件的使用说明

特点：如果一个全局类声明文件在 ts 处理范围内，那么全局类声明文件中的 declare 会在全局生效

若使用了 declare namespace NameSpace01的方式，则可以通过命名空间的方式，解决命名冲突。且在其他文件使用NameSpace01时不用import引入。如下：

*.d.ts里定义

// 使用declare namespace 变成API1内局部的。
declare namespace API1 {
  interface stu {
    name: string;
  }
}
// 全局的
interface stu {
  name: string;
}

其他文件使用.这样就不用import了！

const student1: API1.stu = { name: 'LiHua' }
const student2: stu = { name: 'LiHua' }

*.d.ts中直接写 type 、interface 加上 declare 和不加 declare是一样的效果。都能在其他ts文件 直接引用。
*.d.ts中 namespace定义时，必须加上：declare ,否则报错：*.d.ts 文件中的顶级声明必须以 "declare" 或 "export" 修饰符开头
declare: declare 关键字除了可以声明全局类型之外，它还可以用来声明全局函数、全局类或全局枚举类型等。工作中你可能已经用过的 eval、isNaN、encodeURI 和 parseInt 等函数也是在 lib.es5.d.ts 声明文件中声明的。

// typescript/lib/lib.es5.d.ts
declare var JSON: JSON;
declare var Math: Math;
declare var Object: ObjectConstructor;

这个要涉及：命名空间在编译后跟模块化编译后的区别是什么？

在这里插入图片描述