一、TypeScript 常用标准库

gachengdi

已于 2024-09-13 14:35:36 修改

阅读量407

点赞数 5

文章标签： typescript 前端

于 2024-09-13 13:42:39 首次发布

本文链接：https://blog.csdn.net/gachengdi/article/details/142208840

版权

在 TypeScript 中，每个标准库都有对应的 .d.ts 文件，这些文件包含了不同版本的 ECMAScript 和 DOM/BOM 的类型定义。这些文件可以通过 lib 属性在 tsconfig.json 文件中进行配置。

下面是一个详细的说明，展示了如何在 tsconfig.json 文件中配置每个标准库文件：

`tsconfig.json` 文件中的 `lib` 属性

lib 属性是一个数组，用于指定 TypeScript 编译器应该包含哪些标准库的类型定义。你可以根据项目的需要选择性地包含所需的库文件。

示例配置

以下是一个示例 tsconfig.json 文件，展示了如何配置不同的标准库文件：

{
  "compilerOptions": {
    // 其他编译选项...
    "lib": [
      "es5",          // ECMAScript 5
      "dom",          // DOM
      "dom.iterable", // DOM 迭代器
      "es2015",       // ECMAScript 2015 (ES6)
      "es2015.collection", // ES6 集合类型
      "es2015.core",  // ES6 核心库
      "es2015.iterable", // ES6 迭代器
      "es2016",       // ECMAScript 2016 (ES7)
      "es2017",       // ECMAScript 2017 (ES8)
      "es2018",       // ECMAScript 2018 (ES9)
      "es2019",       // ECMAScript 2019 (ES10)
      "es2020",       // ECMAScript 2020 (ES11)
      "esnext"        // 未来的 ECMAScript 版本
    ]
  },
  "include": [
    "src/**/*"
  ]
}

解释每个库文件的作用

lib.es5.d.ts
- 描述：提供了 ECMAScript 5 的类型定义。
- 内容：基本的 JavaScript 语言特性和内置对象。
lib.dom.d.ts
- 描述：提供了 DOM (Document Object Model) 的类型定义。
- 内容：HTML、CSSOM、XML DOM 等相关类型。
lib.dom.iterable.d.ts
- 描述：提供了 DOM 中迭代器的类型定义。
- 内容：支持 for...of 循环等迭代操作。
lib.es2015.d.ts
- 描述：提供了 ECMAScript 2015 (ES6) 的类型定义。
- 内容：箭头函数、模板字符串、类、模块等。
lib.es2015.collection.d.ts
- 描述：提供了 ES6 中集合类型（如 Map 和 Set）的类型定义。
- 内容：集合类型的相关方法。
lib.es2015.core.d.ts
- 描述：提供了 ES6 核心库的类型定义。
- 内容：新增的字符串方法、数学方法等。
lib.es2015.iterable.d.ts
- 描述：提供了 ES6 中迭代器的类型定义。
- 内容：支持 for...of 循环等迭代操作。
lib.es2016.d.ts
- 描述：提供了 ECMAScript 2016 (ES7) 的类型定义。
- 内容：String.prototype.includes 等新特性。
lib.es2017.d.ts
- 描述：提供了 ECMAScript 2017 (ES8) 的类型定义。
- 内容：String.prototype.padStart 和 padEnd 等新特性。
lib.es2018.d.ts
- 描述：提供了 ECMAScript 2018 (ES9) 的类型定义。
- 内容：async iterable 等新特性。
lib.es2019.d.ts
- 描述：提供了 ECMAScript 2019 (ES10) 的类型定义。
- 内容：Array.flat 和 flatmap 等新特性。
lib.es2020.d.ts
- 描述：提供了 ECMAScript 2020 (ES11) 的类型定义。
- 内容：Promise.allSettled 等新特性。
lib.esnext.d.ts
- 描述：提供了未来版本 ECMAScript 的类型定义。
- 内容：