JavaScript快速调试的两个技巧

2022-07-28,,,,

直接上干货!💨

console.table展示数据

在控制台上展示数组或对象,使用console.table比console.log更加直观明了。

// 在控制台上运行
console.table([
 { firstname: 'john', lastname: 'doe', age: 2 },
 { firstname: 'william', lastname: 'shakespeare', age: 3 }
])

展示为一个table表,友好很多:

当然,你还可以指定展示哪些列~

// 在控制台上运行
console.table([
 { firstname: 'john', lastname: 'doe', age: 2 },
 { firstname: 'william', lastname: 'shakespeare', age: 3 }
], ['firstname', 'lastname'])

上面指定展示firstname和lastname这两列,当然,(index)

是默认有的。

注意⚠:语法 console.table(data [, columns]);

copy复制数据

如果你使用谷歌浏览器并需要复制控制台输出的数据。你可以使用copy()命令行,而不是手动高亮选择对应代码进行复制。

const data = [2, 3, 4];
copy(data);

执行上面的代码,会将data数据值复制到你的粘贴板上。你可以在任意文档中进行粘贴。

注意⚠:copy命令仅在谷歌浏览器控制台上生效,并且在node.js环境中无效。

参考

  • developer.mozilla.org/zh-cn/docs/…

到此这篇关于javascript快速调试技巧的文章就介绍到这了,更多相关javascript快速调试内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!

《JavaScript快速调试的两个技巧.doc》

下载本文的Word格式文档,以方便收藏与打印。