如何在 JavaScript 中的 import() 調用后使導出函數全局化

Question

所以我們在 JavaScript 中有這個 function：

// main.js
import('./module.js');

然后我們有模塊文件：

// module.js
export function SomeFunctionA() {
}
  
export function SomeFunctionB() {
}

是否可以使用 import() 調用並使模塊中的所有“導出”函數全局可用？ 我看到一些關於 Webpack 的文章。 請不要使用 Webpack 或任何附加庫來完成這項工作。

Answer 1

導入返回 promise，因此您可以使用：

// main.js
var bob = import ('./module.js');
bob.then((mod) => {
    console.log(mod);
    for(var prop in mod){
        // maybe a little nicer to check hasOwnProperty?
        // but you get the idea for brevity
        window[prop] = mod[prop];
    }
});