TypeScript如何處理import

typescript 中 import 處理允許導入其他模塊。編譯器將 import 語句轉換爲 javascript 代碼，導入對象和值：基本語法：import { item1, item2 } from "module_name";引入所有：import * as module_alias from "module_name";默認導入：import defaultmodule from "module_name";重命名導入：import { item as renameditem } f

TypeScript 中的 Import 處理

TypeScript 是如何處理 import 的？

TypeScript 允許通過 import 關鍵字導入其他模塊或文件中的代碼。當編譯 TypeScript 代碼時，編譯器會將 import 語句替換爲 JavaScript 代碼，其中包含從導入模塊中導出的對象和值。

TypeScript 中 import 的詳細說明

1. 基本語法

import { Item1, Item2 } from "./module_name";

登錄後複製

• import：用於導入模塊或文件。
• { Item1, Item2 }：指定從模塊中導入的特定對象或值。
• ./module_name：導入語句，用於指向要導入的模塊或文件。

2. 引入所有

import * as module_alias from "./module_name";

登錄後複製

• import * as：導入模塊中導出的所有對象和值，並將它們存儲在一個別名對象中。

3. 默認導入

import DefaultModule from "./module_name";

登錄後複製

• import DefaultModule：導入模塊中導出的默認導出對象。

4. 重命名導入

import { Item as RenamedItem } from "./module_name";

登錄後複製

• as RenamedItem：重命名導入的對象或值。

5. 相對導入

import "./submodule/script.ts";

登錄後複製

• ./submodule/script.ts：相對導入，用於導入當前目錄中其他模塊或文件。

6. 類型導入

import type { Item } from "./module_name";

登錄後複製

• import type：僅導入模塊中類型信息，而不導入實際值。

以上就是TypeScript如何處理import的詳細內容，更多請關注本站其它相關文章！