SAP Spartacus 應用的 tsconfig.json 檔案裡，有一個 lib 屬性，值為 es2020 和 dom：

![](https://img-blog.csdnimg.cn/img_convert/dd7be6bb10b6b056ff7466d649db9ca6.png)

TypeScript 包括一組內建 JS API（如 Math）的預設型別定義，以及瀏覽器環境（如 document）中的型別定義。 TypeScript 還包括用於與您指定的目標匹配的較新 JS 功能的 API； 例如，如果目標是 ES6 或更高版本，則 Map 的定義可用。

我們可以根據實際需要來修改 lib 屬性的值。以下是一些常見場景：

- 您的程式不在瀏覽器中執行，因此您不需要“dom”型別定義
- 您的執行時平臺提供了某些 JavaScript API 物件（可能透過 polyfills），但尚不支援給定 ECMAScript 版本的完整語法
- 您有一些（但不是全部）更高階別 ECMAScript 版本的 polyfill 或本機實現

lib 支援下列值：

- ES5: 所有 ES3 和 ES5 功能的 ES5 核心定義
- ES2015：ES2015（也稱為 ES6）中可用的其他 API，比如 array.find、Promise、Proxy、Symbol、Map、Set、Reflect 等。
- ES6：“ES2015”的別名
- ES2016 ES2016 中可用的其他 API，比如 array.include 等。
- ES7: “ES2016”的別名
- ES2017: ES2017 中可用的其他 API, 比如 Object.entries、Object.values、Atomics、SharedArrayBuffer、date.formatToParts、型別化陣列等。
- ES2018：ES2018 中可用的其他 API - async iterables、promise.finally、Intl.PluralRules、regexp.groups 等。
- ES2019：ES2019 中可用的其他 API - array.flat、array.flatMap、Object.fromEntries、string.trimStart、string.trimEnd 等。
- ES2020 ES2020 中可用的其他 API，string.matchAll 等。
- ES2021：ES2021 中可用的其他 API - promise.any、string.replaceAll 等。
- ESNext：ESNext 中可用的其他 API - 這會隨著 JavaScript 規範的發展而變化
- DOM：DOM 定義 - 視窗、文件等。
- WebWorker：上下文中可用的 WebWorker API
- ScriptHost：用於 Windows 指令碼宿主系統的 ScriptHost API
比如有了 dom 定義，我們可以在 Angular 應用裡使用 dom 相關的 api：

![](https://img-blog.csdnimg.cn/img_convert/a0ff8f48d0893f8a93dada8029c33763.png)

關於 Angular 應用 tsconfig.json 中的 lib 屬性

相關文章