ES6带参数函数导入方法及Express动态路由加载器调用问题

其实ES6导入带参数的函数特别简单——导入只是拿到函数的引用，传参是在调用函数的时候做的，和导入语法本身没啥关系！给你举几个常见场景：

默认导出的函数 #

如果目标模块默认导出一个带参数的函数，比如：

// utils.js
export default function greet(name) {
  return `Hello, ${name}!`;
}

导入后直接调用传参就行：

// main.js
import greet from './utils.js';
console.log(greet('Alice')); // 输出 "Hello, Alice!"

命名导出的函数 #

要是模块里是命名导出的函数：

// math.js
export function add(a, b) {
  return a + b;
}

导入后直接调用传参：

// main.js
import { add } from './math.js';
console.log(add(2, 3)); // 输出 5

导入时重命名函数 #

如果遇到函数名冲突或者想简化名称，还能重命名后调用：

// main.js
import { add as sum } from './math.js';
console.log(sum(4, 5)); // 输出 9

核心逻辑就是：导入只是获取函数的引用，参数是在调用环节传递的~

看你现在的思路是对的，就是要自动遍历routes目录下的文件来注册路由对吧？我帮你补全代码，同时适配Babel和ESLint的环境：

首先完善routes/index.js的路由加载器：

import fs from 'fs';
import path from 'path';

/**
 * 注册默认路由
 * @param {Object} app express.Application
 */
export default function(app) {
  // 遍历当前目录下的所有文件
  fs.readdirSync(__dirname).forEach((fileName) => {
    // 跳过当前文件（index.js）和非.js格式的文件
    const currentFile = path.basename(__filename);
    if (fileName === currentFile || !fileName.endsWith('.js')) return;

    // 导入路由模块——兼容ES6默认导出和CommonJS导出
    const routerModule = require(`./${fileName}`).default || require(`./${fileName}`);
    
    // 按文件名设置路由前缀，比如users.js对应/api/users
    const routePrefix = `/${fileName.replace('.js', '')}`;
    app.use(routePrefix, routerModule);
  });
}

然后在Express入口文件（比如app.js）里调用这个加载器：

import express from 'express';
import loadRoutes from './routes/index.js';

const app = express();

// 先配置基础中间件
app.use(express.json());

// 调用路由加载器，传入Express实例
loadRoutes(app);

const PORT = process.env.PORT || 3000;
app.listen(PORT, () => {
  console.log(`Server running on port ${PORT}`);
});

适配Babel和ESLint的注意事项 #

1. Babel配置：确保你的Babel能处理ES6模块和CommonJS混合语法，在.babelrc里添加：

{
  "presets": [
    ["@babel/preset-env", {
      "targets": {
        "node": "current"
      }
    }]
  ]
}

2. ESLint配置：如果ESLint报错require相关问题，在.eslintrc.json里开启Node环境：

{
  "env": {
    "node": true,
    "es2021": true
  },
  "parserOptions": {
    "ecmaVersion": "latest"
  }
}

3. 路由模块规范：每个路由文件（比如routes/users.js）要导出Express Router实例：

import express from 'express';
const router = express.Router();

router.get('/', (req, res) => {
  res.send('Users list');
});

export default router;

这样就能自动加载routes目录下的所有路由，不用手动一个个导入注册啦~

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