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 相关文章推荐
发现的以前不知道的函数
Sep 19 Javascript
JavaScript 基础知识 被自己遗忘的
Oct 15 Javascript
js中判断控件是否存在
Aug 25 Javascript
推荐20家国外的脚本下载网站
Apr 28 Javascript
解决Jquery鼠标经过不停滑动的问题
Mar 03 Javascript
jQuery基础语法实例入门
Dec 23 Javascript
Javascript常用小技巧汇总
Jun 24 Javascript
jQuery ajax 当async为false时解决同步操作失败的问题
Nov 18 Javascript
JS中的phototype详解
Feb 04 Javascript
详谈Angular 2+ 的表单(一)之模板驱动型表单
Apr 25 Javascript
如何在vue里添加好看的lottie动画
Aug 02 Javascript
使用JavaScript获取扫码枪扫描得到的条形码的思路代码详解
Jun 10 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
WordPress迁移时一些常见问题的解决方法整理
2015/11/24 PHP
PHP对称加密函数实现数据的加密解密
2016/10/27 PHP
js 页面输出值
2008/11/30 Javascript
javascript suggest效果 自动完成实现代码分享
2012/02/17 Javascript
jquery中的常用事件bind、hover、toggle等示例介绍
2014/07/21 Javascript
javascript中 try catch用法
2015/08/16 Javascript
jquery实现经典的淡入淡出选项卡效果代码
2015/09/22 Javascript
微信小程序 MINA文件结构
2016/10/17 Javascript
JavaScript生成.xls文件的代码
2016/12/22 Javascript
JavaScript数据结构之二叉树的删除算法示例
2017/04/13 Javascript
angularjs+bootstrap实现自定义分页的实例代码
2017/06/19 Javascript
详解使用nvm安装node.js
2017/07/18 Javascript
vue和webpack打包项目相对路径修改的方法
2018/06/15 Javascript
jquery 通过ajax请求获取后台数据显示在表格上的方法
2018/08/08 jQuery
React传值 组件传值 之间的关系详解
2019/08/26 Javascript
详解element-ui动态限定的日期范围选择器代码片段
2020/07/03 Javascript
typescript编写微信小程序创建项目的方法
2021/01/29 Javascript
[03:11]TI9战队档案 - Alliance
2019/08/20 DOTA
Python日期操作学习笔记
2008/10/07 Python
python从入门到精通(DAY 3)
2015/12/20 Python
Python处理PDF及生成多层PDF实例代码
2017/04/24 Python
浅谈tensorflow中几个随机函数的用法
2018/07/27 Python
利用pyinstaller打包exe文件的基本教程
2019/05/02 Python
python判断两个序列的成员是否一样的实例代码
2020/03/01 Python
Django ORM实现按天获取数据去重求和例子
2020/05/18 Python
tensorflow模型转ncnn的操作方式
2020/05/25 Python
全方位了解CSS3的Regions扩展
2015/08/07 HTML / CSS
中国综合性网上购物商城:当当(网上卖书起家)
2016/11/16 全球购物
德国鞋子网上商店:Omoda.de
2017/03/31 全球购物
澳大利亚汽车零部件、音响及配件超市:Automotive Superstore
2018/06/19 全球购物
Does C# support multiple inheritance? (C#支持多重继承吗)
2012/01/04 面试题
个人合作协议书范本
2014/04/18 职场文书
医学生自荐信范文(2016精选篇)
2016/01/28 职场文书
大学生各类奖学金申请书
2019/06/24 职场文书
PHP对接阿里云虚拟号的实现(号码隐私保护)
2021/04/06 PHP
MySQL8.0无法启动3534的解决方法
2021/06/03 MySQL