0
点赞
收藏
分享

微信扫一扫

JavaScript两个快速调试的技巧

直接上干货!💨

console.table展示数据

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

// 在控制台上运行
console.table([
{ firstName: 'John', lastName: 'Doe', age: 2 },
{ firstName: 'William', lastName: 'Shakespeare', age: 3

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

JavaScript两个快速调试的技巧_node.js

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

// 在控制台上运行
console.table([
{ firstName: 'John', lastName: 'Doe', age: 2 },
{ firstName: 'William', lastName: 'Shakespeare', age: 3 }
], ['firstName', 'lastName'])

上面指定展示​​firstName​​​和​​lastName​​​这两列,当然,​​(index)​​ 是默认有的。

JavaScript两个快速调试的技巧_谷歌浏览器_02

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

copy复制数据

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

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

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

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

参考

  • ​​developer.mozilla.org/zh-CN/docs/…​​
  • ​​dev.to/tawn33y/2-q…​​
举报

相关推荐

0 条评论