ES6模块的条件导入

在ES6中，'import'和'export'关键字只能出现在模块的顶层模块。这可以防止条件导入，这是许多应用程序中的常见要求。这个问题探讨了这个问题的解决方案。

最初，用户尝试使用条件语句导入模块，但这导致了语法错误。然后，用户使用 System.import 进行了调查，但在查找必要的资源时遇到了困难。

条件导入的解决方案是通过在 ECMAScript 2020 中引入动态导入来提供的。动态导入使用 import() 函数，该函数需要一个表示模块名称的字符串参数。该函数返回一个解析为导入模块的承诺。

以下是如何使用动态导入有条件地导入模块：

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

在此示例中，“import”关键字出现在条件语句中。 import() 函数返回一个 Promise，然后解析该 Promise，并将该模块分配给“something”变量。这允许有条件地导入模块而不会出现语法错误。