代码之家 › 专栏 › 技术社区 › Peter I

使用附加功能和正确的行号包装console.log

javascript

Peter I · 技术社区 · 6 年前

我很难找到控制台。日志是为了保持正确的行号和执行其他功能。

var original = console.log

console.log = function() {

   // Can run additional tasks
   console.warn('additional stuff here');

   // Wrong line number given
   console.log.apply.call(original, console, arguments);

}

console.log('test')

我看了以下几点: A proper wrapper for console.log with correct line number?

然而,我似乎只能保留正确的行或从提供的答案运行一个额外的函数,但不能同时运行两者。

谢谢大家:)

2 回复 | 直到 6 年前

T.J. Crowder 6 年前

使用时行号工作的原因 that answer's approach 是吗? console.log 直接由您想要的行号调用。对于上面的代码,它不是,也不能是,因为您想要注入行为。

我能想到的唯一解决办法是 Babel 在代码上运行的插件或类似插件,以便被输出的转换代码插入您的附加行为原位在调用站点(不在被调用函数中)。例如,它转换:

console.log("foo");

进入之内

{console.warn("additional stuff here");console.log("foo");}

或者类似的。这将是不平凡的(虽然远不是最复杂的babel插件)。

Peter I 6 年前

对于任何遇到这种情况的人,我都写了一个babel插件来解决这个问题:

https://github.com/peteringram0/babel-plugin-console-source

推荐文章

Softly · 单选按钮未按预期取值

1 年前

Jason Owens · 我的html/javascript播放按钮无法播放嵌入的youtube视频

1 年前

SlickRed · 我无法使用JS关注HTML元素

1 年前

Mayron Guedes · 如果登录名不在本地存储中,如何重定向页面?

1 年前

assembler · Nextjs没有处理发布请求

1 年前

PavelB · 如何使用Seleniumwebdriver和mocha只运行一个测试文件?

1 年前

BADRUM · 执行两个获取功能后,如何导航回页面?

1 年前

Toniq · javascript为php保存多维数组

1 年前

Natalie Smyth · 隐藏类只在我试图切换的两个部分中的一个部分上工作

1 年前

SkyWalker · 在JavaScript中,合并日期-时间序列的有效算法是什么?

1 年前