如何在 ES6 中实现条件模块导入？

动态 ES6 模块导入

ES6 中的条件导入以前由于导入放置的限制而具有挑战性。然而，随着 ECMAScript 2020 中动态导入的引入，现在这是可能的。

条件导入机制

要有条件地导入模块，您可以使用以下语法：

<code class="javascript">if (condition) {
    import('module-name')
    .then((module) => {
        console.log(module.function);
    });
}</code>

这将返回一个解析为导入模块的承诺。您可以在“.then()”回调中访问其导出的函数和变量。

示例

有条件地导入“something”模块并使用其“doStuff” ()”函数，你可以这样写：

<code class="javascript">if (condition) {
    import('something')
    .then((something) => {
        something.doStuff();
    });
}</code>

可用性

现代浏览器支持动态导入，可以通过 Babel 预设或使用 polyfill 启用如果需要的话。

以上是如何在 ES6 中实现条件模块导入？的详细内容。更多信息请关注PHP中文网其他相关文章！