JavaScript两个快速调试的技巧
console.table展示数据
在控制台上展示数组或对象
,使用console.table
比console.log
更加直观明了。
// 在控制台上运行
console.table([
{ firstName: 'John', lastName: 'Doe', age: 2 },
{ firstName: 'William', lastName: 'Shakespeare', age: 3 }
])
展示为一个table表
,友好很多:
还可以指定展示哪些列
语法
console.table(data,[columns]);
// 在控制台上运行
console.table([
{ firstName: 'John', lastName: 'Doe', age: 2 },
{ firstName: 'William', lastName: 'Shakespeare', age: 3 }
], ['firstName', 'lastName'])
上面指定展示firstName
和lastName
这两列,index
默认有的。
copy复制数据
如果使用谷歌浏览器
并需要复制控制台输出的数据
。你可以使用copy()
方法,而不用手动高亮选择对应代码进行复制。
const data = [2, 3, 4];
copy(data);
执行上面的代码,会将data数据值
复制到你的粘贴板
上。你可以在任意文档中进行粘贴。
PS
:copy方法
仅在谷歌浏览器控制台
上生效,并且在node.js环境中无效。
谢谢你阅读到了最后~
期待你关注、收藏、评论、点赞~
原文地址
JavaScript两个快速调试的技巧