首页 文章详情

JavaScript两个快速调试的技巧

前端大学 | 356 2021-02-09 01:07 0 0 0
UniSMS (合一短信)

(给前端大学加星标,提升前端技能.

转自:掘金 - Jimmy

https://juejin.cn/post/6875899284961787911

直接上干货!

console.table展示数据

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

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

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

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

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

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

table_column_option

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

copy复制数据

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

const data = [234];
copy(data);

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

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

参考

  • https://developer.mozilla.org/zh-CN/docs/Web/API/Console/table

  • https://dev.to/tawn33y/2-quick-tips-when-working-with-js-console-output-4hjo

good-icon 0
favorite-icon 0
收藏
回复数量: 0
    暂无评论~~
    Ctrl+Enter