实现带前缀日志服务时,如何在getter中访问console.error的消息?
好问题!我来帮你拆解一下当前遇到的问题,再给出可行的解决方案:
为什么当前getter里拿不到arguments?
你现在的代码里,get error()返回的是console.error.bind(console, "[ERROR]")——这个bind操作是在getter被访问时执行的(比如第一次调用logService.error前,或者你直接访问logService.error属性的时候),此时还没有传入任何错误消息,所以getter函数内部的arguments自然是空的。bind只是提前绑定了前缀参数,并返回一个新函数,只有当你调用这个新函数时才会传入实际的消息,但这时候getter早就执行完了,自然没法在getter里拿到这些参数。
怎么同时实现保留行号+访问消息+额外操作?
要达成你的三个需求,核心是要在错误消息被传入时(也就是logService.error()被调用时)处理消息,而不是在getter阶段。以下两种方案都能满足要求,还能保留原始行号:
方案1:使用包装函数(简单易用,兼容大多数环境)
直接返回一个箭头函数或普通函数,在函数内部处理消息、执行额外操作,再调用原生console.error。现代浏览器和Node.js都会自动保留调用logService.error的原始行号,因为控制台会追踪到包装函数的调用位置,而不是内部console.error的位置。
示例代码:
get error() { return (...args) => { // 在这里访问错误消息,执行你的额外操作 console.log("[额外操作] 捕获到错误消息:", args); // 添加上前缀并输出 console.error("[ERROR]", ...args); }; }
方案2:使用Proxy(更贴近原生调用行为)
如果你需要更贴近原生console.error的行为(比如支持this绑定、特殊参数处理等),可以用Proxy代理原生方法,在apply陷阱里处理消息:
get error() { return new Proxy(console.error, { apply(target, thisArg, args) { // 这里可以完全访问所有传入的参数 console.log("[额外操作] 正在处理参数:", args); // 插入前缀 args.unshift("[ERROR]"); // 调用原生方法,确保行号正确 return Reflect.apply(target, thisArg, args); } }); }
关键总结
无论用哪种方案,都要记住:getter的执行时机早于实际消息传入,所以永远没法在getter内部拿到错误消息——必须在返回的函数被调用时(也就是用户传入消息时)处理参数,这才是正确的时机。
内容的提问来源于stack exchange,提问作者Felix

