import()实现模块动态加载

import()函数是JavaScript中用于实现模块的动态加载的一个提案，也被称为ECMAScript的动态导入。它可以在运行时动态地加载模块，这使得我们可以根据需要或条件来加载不同的模块，而不是在编译时就确定下来。

以下是使用import()函数的一些示例：

1. 基本用法：

import('/modules/my-module.js')
  .then((module) => {
    // 使用my-module.js中的某个功能
  });

2. 动态导入函数：

function loadMyModule() {
  return import('/modules/my-module.js');
}
 
loadMyModule().then((module) => {
  // 使用my-module.js中的某个功能
});

3. 动态导入类：

class MyModuleLoader {
  async load() {
    const module = await import('/modules/my-module.js');
    return module;
  }
}
 
const loader = new MyModuleLoader();
loader.load().then((module) => {
  // 使用my-module.js中的某个功能
});

4. 与动态导入结合的条件语句：

if (needMyModule) {
  import('/modules/my-module.js')
    .then((module) => {
      // 使用my-module.js中的某个功能
    })
    .catch((error) => {
      // 处理错误
    });
}

注意：import()函数返回的是一个Promise对象，所以你可以使用.then()、.catch()和.finally()方法来处理异步操作。

以上就是import()函数的一些基本用法和示例，它在现代的JavaScript框架和应用中被广泛使用，例如在React中动态地加载组件，或者在Vue.js中按需加载组件等场景。