JavaScript快速调试的两个技巧


Posted in Javascript onNovember 04, 2020

直接上干货!?

console.table展示数据

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

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

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

JavaScript快速调试的两个技巧

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

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

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

是默认有的。

JavaScript快速调试的两个技巧

注意⚠:语法 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…

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

Javascript 相关文章推荐
拖拉表格的JS函数
Nov 20 Javascript
使用js判断TextBox控件值改变然后出发事件
Mar 07 Javascript
JS实现转动随机数抽奖特效代码
Apr 16 Javascript
JS实现可点击展开与关闭的左侧广告代码
Sep 02 Javascript
浅谈js中test()函数在正则中的使用
Aug 19 Javascript
Jquery给当前页或者跳转后页面的导航栏添加选中后样式的实例
Dec 08 Javascript
js中DOM三级列表(代码分享)
Mar 20 Javascript
WebStorm ES6 语法支持设置&babel使用及自动编译(详解)
Sep 08 Javascript
webpack+vue中使用别名路径引用静态图片地址
Nov 20 Javascript
Vue基础学习之项目整合及优化
Jun 02 Javascript
Vue 路由间跳转和新开窗口的方式(query、params)
Dec 25 Javascript
Vue 3.0中jsx语法的使用
Nov 13 Javascript
如何实现小程序与小程序之间的跳转
Nov 04 #Javascript
Vant 中的Toast设置全局的延迟时间操作
Nov 04 #Javascript
vue 使用vant插件做tabs切换和无限加载功能的实现
Nov 04 #Javascript
Vue获取微博授权URL代码实例
Nov 04 #Javascript
基于vue实现微博三方登录流程解析
Nov 04 #Javascript
Javascript执行上下文顺序的深入讲解
Nov 04 #Javascript
解决vant中 tab栏遇到的坑 van-tabs
Nov 04 #Javascript
You might like
php过滤表单提交的html等危险代码
2014/11/03 PHP
Symfony2框架创建项目与模板设置实例详解
2016/03/17 PHP
PHP实现RSA签名生成订单功能【支付宝示例】
2017/06/06 PHP
Laravel 实现密码重置功能
2018/02/23 PHP
document对象execCommand的command参数介绍
2006/08/01 Javascript
关于jQuery object and DOM element
2013/04/15 Javascript
浅谈javascript中字符串String与数组Array
2014/12/31 Javascript
深入理解JavaScript系列(28):设计模式之工厂模式详解
2015/03/03 Javascript
JS关闭窗口时产生的事件及用法示例
2016/08/20 Javascript
原生js实现水平方向无缝滚动
2017/01/10 Javascript
canvas绘制的直线动画
2017/01/23 Javascript
JavaScript中运算符规则和隐式类型转换示例详解
2017/09/06 Javascript
vue实现树形菜单效果
2018/03/19 Javascript
jQuery实现的简单获取索引功能示例
2018/06/04 jQuery
vue仿element实现分页器效果
2018/09/13 Javascript
三种Webpack打包方式(小结)
2018/09/19 Javascript
Vue实现商品详情页的评价列表功能
2019/09/04 Javascript
javascript 高级语法之继承的基本使用方法示例
2019/11/11 Javascript
JS实现拼图游戏
2021/01/29 Javascript
Python linecache.getline()读取文件中特定一行的脚本
2008/09/06 Python
python多重继承新算法C3介绍
2014/09/28 Python
Tensorflow的可视化工具Tensorboard的初步使用详解
2018/02/11 Python
Django上使用数据可视化利器Bokeh解析
2019/07/31 Python
python GUI库图形界面开发之PyQt5下拉列表框控件QComboBox详细使用方法与实例
2020/02/27 Python
使用Python爬取弹出窗口信息的实例
2020/03/14 Python
Python OpenCV读取中文路径图像的方法
2020/07/02 Python
利用CSS3实现自定义滚动条代码分享
2016/08/18 HTML / CSS
基于css3实现漂亮便签样式
2013/03/18 HTML / CSS
汉森冲浪板:Hansen Surfboards
2018/05/19 全球购物
可打印的优惠券、杂货和优惠券代码:Coupons.com
2018/06/12 全球购物
英国天然抗衰老护肤品品牌:Nakin Skin Care
2019/04/16 全球购物
弘扬焦裕禄精神走群众路线思想汇报
2014/09/12 职场文书
先进工作者推荐材料
2014/12/23 职场文书
后天观后感
2015/06/08 职场文书
幼儿教师师德培训心得体会
2016/01/09 职场文书
《浅水洼里的小鱼》教学反思
2016/02/16 职场文书