50

实用的log技巧

运用&&与条件断点的实用的log技巧

使用条件断点输出log

如果你想当函数每次被调用时都在控制台打印一个值,你可以应用条件断点来实现。打开你的开发工具,找到你准备打印的值所在的函数然后使用如下条件设置一个条件断点:

console.log(data.value) && false

条件断点只有在条件运行的结果为true时才会中断页面。所以使用console.log('foo') && false这样的条件,由于你把false放在了AND条件中,所以结果肯定是false。因此这并不会中断页面但是会打印log到控制台。这也可以应用在计算某个函数或回调被调用了多少次上面。

这里有各个平台下设置条件断点的方法:EdgeChromeFirefoxSafari

打印函数到控制台

你曾经有过打算打印函数到控制台却不能看到函数的代码的情况吗?最快的方法查看函数的代码是将其与空字符串连接,从而将其强制转换为字符串。

console.log(funcVariable + '');