ES2020之按需导入

专栏目录请点击

简介

• 一般我们使用import函数来进行按需导入，他接收一个字符串作为模块标识符，返回一个promise
• 他可以在任何支持该语法的平台使用，比如webpack，node，浏览器环境等

例子

import('lodash').then(_ => {
)

• 当模块以及其依赖的模块都被加载完毕后promise将会进入fulfilled的状态
• 具名模块会被放在改对象的同名属性中，默认导出的会放在default属性中

// utils
export default 'hello lxm';
export const x = 11;
export const y = 22;

// 导入
import('a').then(module => {
    console.info(module)
})

// 结果：
{
   default: 'hello lxm'',
   x: 11,
   y: 22,
}

如果模块不存在或者无法访问导致加载或者执行失败，promise将会进入rejected的状态，我们可以在这里做一些处理