typescript導入函數后使用方法取決于函數的導出方式以及你的項目結構。 直接調用即可，但需要注意一些細節(jié)。

假設我們有一個名為 utils.ts 的文件，其中包含一個導出函數 add:

// utils.ts
export function add(a: number, b: number): number {
  return a + b;
}

登錄后復制

在另一個文件中，例如 main.ts，我們想使用這個 add 函數。 最簡單的導入方式是使用默認導入：

// main.ts
import { add } from './utils';

let sum = add(5, 3);
console.log(sum); // 輸出 8

登錄后復制

這行 import { add } from ‘./utils’; 告訴 TypeScript 從 ./utils (相對于 main.ts 的路徑) 導入名為 add 的函數。 之后，你可以像使用任何其他本地函數一樣直接調用 add。

然而，實際應用中可能遇到一些問題。 例如，我曾經在一個大型項目中，因為路徑寫錯，導致編譯器報錯，提示找不到模塊。 當時我花了不少時間檢查路徑，最終發(fā)現是由于項目目錄結構調整后，我忘記更新導入語句中的相對路徑。 解決方法很簡單，但查找錯誤的過程卻耗費了不少時間。所以，確保路徑正確至關重要，建議使用相對路徑，這樣更容易維護，也避免了因為路徑變化導致的錯誤。 使用IDE的自動補全功能也能有效避免這類問題。

另一個常見的情況是，utils.ts 文件中導出了多個函數：

// utils.ts
export function add(a: number, b: number): number {
  return a + b;
}

export function subtract(a: number, b: number): number {
  return a - b;
}

登錄后復制

這時，你就可以選擇性地導入需要的函數：

// main.ts
import { add, subtract } from './utils';

let sum = add(10, 5);
let difference = subtract(10, 5);
console.log(sum, difference); // 輸出 15 5

登錄后復制

如果你需要導入所有函數，可以使用星號 * 進行導入，但這通常不推薦，因為它會增加命名沖突的風險，特別是當多個模塊導出了同名函數時。 我曾經因為使用了這種方式，導致程序出現難以排查的錯誤，最后不得不重構代碼，將導入方式修改為按需導入。 所以，除非你的模塊非常小且簡單，否則最好避免使用星號導入。

總而言之，TypeScript 函數的導入和使用非常直觀，但細節(jié)需要注意。 準確的路徑、選擇性導入以及避免星號導入，這些都是提高代碼可維護性和可讀性的關鍵。 記住，清晰的代碼結構和規(guī)范的命名習慣能讓你在大型項目中事半功倍。

路由網(www.lu-you.com)您可以查閱其它相關文章！