JavaScript快速调试的两个技巧
更新时间：2020年11月04日 16:02:35 作者：Jimmy
这篇文章主要给大家介绍了关于JavaScript快速调试的两个技巧，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
直接上干货！💨
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环境中无效。
参考
到此这篇关于JavaScript快速调试技巧的文章就介绍到这了,更多相关JavaScript快速调试内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要给大家总结介绍了关于利用JS判断客户端类型的四种方法，比如通过通过判断浏览器的userAgent、检查是否是移动端（Mobile）、ipad、iphone、微信、QQ等的方法，需要的朋友可以参考借鉴，下面2017-12-12
下面小编就为大家带来一篇巧用weui.topTips验证数据的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-04-04
这篇文章主要介绍了如何在面试中手写出javascript节流和防抖函数,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-10-10
需要获取div的高度时，往往需要用到offsetHeight，有时会碰到offsetHeight获取到为0的现象，感兴趣的朋友可以参考下面的代码片段2013-07-07
这篇文章主要为大家详细介绍了javascript实现自定义滚动条效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
这篇文章介绍了在JS中计算字符串中每个字符出现的次数，有需要的朋友可以参考一下2013-07-07
这篇文章主要为大家详细介绍了小程序采集录音并上传到后台，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-11-11
这篇文章主要介绍了javascript 中的try catch应用总结的相关资料,需要的朋友可以参考下2017-04-04
这篇文章主要介绍了javascript编程异常处理的方法,结合实例形式分析总结了JavaScript编程中异常处理的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-11-11
这篇文章主要介绍了js回到页面指定位置的三种方式，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-12-12
最新评论