typescript 中 import 處理允許導入其他模塊。編譯器將 import 語句轉(zhuǎn)換為 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 關(guān)鍵字導入其他模塊或文件中的代碼。當編譯 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：僅導入模塊中類型信息，而不導入實際值。