如何在 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中文網其他相關文章！