ES6模組的條件導入

在ES6中，'import'和'export'關鍵字只能出現在模組的頂層模組。這可以防止條件導入，這是許多應用程式中的常見要求。這個問題探討了這個問題的解決方案。

最初，使用者嘗試使用條件語句匯入模組，但這導致了語法錯誤。然後，使用者使用 System.import 進行了調查，但在尋找必要的資源時遇到了困難。

條件導入的解決方案是透過在 ECMAScript 2020 中引入動態導入來提供的。動態導入使用 import() 函數，該函數需要一個表示模組名稱的字串參數。此函數傳回一個解析為導入模組的承諾。

以下是如何使用動態導入有條件地導入模組：

if (condition) {
  import('something')
  .then((something) => {
    console.log(something.something);
  });
}

在此範例中，「import」關鍵字出現在條件語句中。 import() 函數傳回一個 Promise，然後解析該 Promise，並將該模組指派給「something」變數。這允許有條件地導入模組而不會出現語法錯誤。