如何在 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];
    }
});