JavaScript 中闭包怎么实现日志输出的前缀自动拼接-js教程-PHP中文网

闭包可实现日志自动拼接前缀，核心是外层函数接收prefix并返回记住该值的内层函数；支持动态时间戳、多前缀复用及模块化隔离，但需避免循环中闭包引用共享问题。

javascript 中闭包怎么实现日志输出的前缀自动拼接

闭包可以轻松实现日志输出时自动拼接前缀，核心思路是：用外层函数接收前缀字符串，返回一个内层函数（即日志函数），该内层函数“记住”了外层作用域的前缀，并在每次调用时将其与传入的日志内容拼接输出。

用闭包封装带前缀的日志函数

定义一个工厂函数，接收 prefix 参数，返回一个绑定了该前缀的 console.log 封装函数：

function createLogger(prefix) {
  return function(...args) {
    console.log(`[${prefix}]`, ...args);
  };
}
<p>const apiLogger = createLogger('API');
const dbLogger = createLogger('DB');</p><p>apiLogger('请求开始', '/users');        // [API] 请求开始 /users
dbLogger('查询完成', 'SELECT <em> FROM users'); // [DB] 查询完成 SELECT </em> FROM users
</p>

这里 createLogger 执行后返回的函数形成了闭包，内部保留了对 prefix 的引用，后续每次调用都无需重复传入前缀。

Java Maven Code Review

审查Java Maven项目（ZIP压缩包或GitLab仓库URL），检查代码规范、命名、模块边界、可维护性问题以及重复代码。

下载

支持动态时间戳和格式增强

可在闭包中加入更多上下文信息，比如自动添加当前时间、调用位置等：

function createRichLogger(prefix) {
  return function(...args) {
    const time = new Date().toISOString().slice(11, 23);
    const msg = args.map(a => typeof a === 'object' ? JSON.stringify(a) : a).join(' ');
    console.log(`[${time}] [${prefix}]`, msg);
  };
}
<p>const userLogger = createRichLogger('USER');
userLogger('登录成功', { id: 101, name: 'Alice' });
// [14:22:35.123] [USER] 登录成功 {"id":101,"name":"Alice"}
</p>