学习 ES8：ES8 的模块异步引入 import()
在前端开发中，ES8 的模块异步引入 import() 是一种非常强大的新特性，它可以让我们更加轻松地加载和使用模块，提高了开发效率和用户体验。
什么是模块异步引入？
模块异步引入是指在 ES8 中，我们可以通过 import() 方法异步加载指定的模块，这个方法返回一个 Promise 对象，可以使用 then 方法处理导入的模块。
模块异步引入的指导意义
在实际开发中，我们常常需要在某些页面动态加载一些模块，如根据用户权限加载不同的组件，或者根据用户的操作加载相应的功能模块等。使用 ES8 的模块异步引入，我们可以实现按需加载，不仅提高了网站加载速度，也减小了网站的总体负荷。
模块异步引入的示例代码
下面是一个模块异步引入的示例代码：
async function loadModule(moduleName) {
const module = await import(`./modules/${moduleName}.js`);
return module.default;
}
// 调用方式
loadModule('myModule').then((myModule) => {
myModule.someFunction();
});在上面的代码中，我们定义了一个 loadModule 函数，它使用了 async 和 await 关键字，这是一种新的处理异步方式，返回的是一个 Promise 对象。在这个函数中，我们使用了 import() 方法异步加载指定的模块，然后返回了这个模块的默认导出对象，这样就可以在 Promise 的 then 方法中使用这个模块了。例如，我们在 Promise 的回调函数中可以调用 myModule 的一些函数。
总结
ES8 的模块异步引入是一种非常实用的特性，在使用过程中需要注意一些
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65b731c9add4f0e0fffc72d9