ES6 import能否在函数及循环中使用？Node+Express技术问询

1. import/export 能否封装在函数内？ #

首先明确：静态的import/export语法必须放在模块顶层，这也是你遇到报错的核心原因——ES6静态模块语法是在编译阶段就完成解析的，没办法在运行时的函数、循环这类代码块里执行。

不过别担心，ES标准里提供了**动态import()**的解决方案，它是一个函数式调用，返回Promise，可以在代码的任意位置（包括函数、循环内部）使用，完美适配你的场景。

需要注意的是，动态import()属于ES2020特性，如果你用Babel做转译，需要确保安装并配置了@babel/plugin-syntax-dynamic-import插件（或者使用包含该插件的预设，比如@babel/preset-env并开启对应配置），才能让Babel正确处理这个语法。

2. 能否通过循环批量导入多个文件？ #

当然可以！结合动态import()和Promise的批量处理能力，就能实现循环批量导入。不过因为动态import是异步操作，你的初始化函数需要改成异步函数，或者用Promise链式调用处理结果。

改写后的示例代码（推荐：等待所有策略加载完成） #

// 将函数改为async，用于处理异步的import操作
const initModulesServerPolicies = async (app) => {
  // 用Promise.all批量处理所有导入，确保所有策略初始化完成后再继续后续流程
  await Promise.all(config.files.server.policies.map(async (policyPath) => {
    // 动态导入目标模块，返回的module对象包含文件中export的内容
    const policyModule = await import(path.resolve(policyPath));
    // 调用策略中的invokeRolesPolicies方法
    policyModule.invokeRolesPolicies();
  }));
};

// 调用初始化函数时，记得用await或.then处理异步逻辑
// 比如在Express启动流程中：
// await initModulesServerPolicies(app);

另一种逐个处理的方式（无需等待全部完成） #

如果你的业务场景不需要等待所有策略加载完成再启动服务，可以用这种方式：

const initModulesServerPolicies = (app) => {
  config.files.server.policies.forEach(async (policyPath) => {
    const policyModule = await import(path.resolve(policyPath));
    policyModule.invokeRolesPolicies();
  });
};

额外注意事项 #

• 你的策略文件需保持ES6的export语法，例如：

  export const invokeRolesPolicies = () => {
    // 策略逻辑代码
  };
  

  如果是默认导出，调用时要改为policyModule.default.invokeRolesPolicies()。
• 确保Babel配置支持动态import，比如在.babelrc中添加：

  {
    "presets": ["@babel/preset-env"],
    "plugins": ["@babel/plugin-syntax-dynamic-import"]
  }
  

内容的提问来源于stack exchange，提问作者wmash