如何将含函数参数的CommonJS导出代码转换为ES6 Export语法

你的问题出在ES6命名导出的语法使用上——export { ... }内部是标识符列表，不能使用对象字面量的键值对（冒号）语法。要解决这个问题，你需要先把调用expressMiddleware(expressSetResHeaderFn)的结果赋值给一个变量，再通过命名导出暴露它，或者使用导出时的重命名语法。

正确的转换步骤 #

1. 保留原有的函数逻辑，先处理要导出的expressMiddleware实例：
   为了避免变量名混淆，建议把原工厂函数重命名（比如叫expressMiddlewareFactory），然后调用它得到实际要导出的中间件函数。
2. 使用ES6命名导出语法导出目标成员。

完整的ES6模块代码 #

// 记得根据实际情况导入依赖（比如uuidv1、als、wrapHttpEmitters）
import { uuidv1 } from 'uuid';
import als from 'async-local-storage';
import { wrapHttpEmitters } from './your-utils-module';

const expressSetResHeaderFn = (res, headerName, requestId) => { res.set(headerName, requestId) };

// 重命名原工厂函数，避免后续变量覆盖导致的混淆
const expressMiddlewareFactory = (setResHeaderFn) => {
  return ({ useHeader = false, headerName = 'X-Request-Id', requestIdFactory = uuidv1, echoHeader = false } = {}) => {
    return (req, res, next) => {
      let requestId;
      if (useHeader) {
        requestId = req.headers[headerName.toLowerCase()];
      }
      requestId = requestId || requestIdFactory(req);
      if (echoHeader) {
        setResHeaderFn(res, headerName, requestId);
      }
      als.run(requestId, () => {
        wrapHttpEmitters(req, res);
        next();
      });
    };
  };
};

// 生成要导出的中间件实例
const expressMiddleware = expressMiddlewareFactory(expressSetResHeaderFn);

// 执行ES6命名导出，和原CommonJS的导出结构完全一致
export { expressMiddleware, someotherFuncs };

为什么你的写法出错？ #

ES6的export { ... }语法里的内容是要导出的变量/函数标识符，不能像对象字面量那样用key: value来映射。如果需要导出一个计算后的值（比如函数调用的结果），必须先把这个值赋值给一个变量，再将该变量加入导出列表。

如果你不想重命名原工厂函数，也可以直接覆盖变量名（虽然可读性稍差，但语法上是合法的）：

// 原函数定义不变
const expressMiddleware = (setResHeaderFn) => { /* ... */ };

// 覆盖变量，赋值为调用后的结果
const expressMiddleware = expressMiddleware(expressSetResHeaderFn);

export { expressMiddleware, someotherFuncs };

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