12种 console 相关的方法，帮你快速提高调试效率！，附学习笔记+面试整理+进阶书籍

来源：.openreplay

有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。

本文 GitHub https://github.com/qq449245884/xiaozhi 已收录，有一线大厂面试完整考点、资料以及我的系列文章。

我现在在调试代码的时候基本用的都是console.log() 调试法，虽然低级，但好用呀。当然，遇到复杂点的就会借助其它工具，但日常开发中 console.log() 基本够用了。

前缀铺垫的差不多了，今天我们来看看 console.log() 中还有哪些花里胡哨的写法。

1. 用ES6解构赋值输出变量名

如果打印多个值的，为了区别我们一般会连同变量名打印出来:

const variableX = 42;

console.log(‘variableX:’, variableX);

// 或者

console.log(variableX: ${ variableX });

其实，还有一种很简洁的方式就是使用解构的方式：

const variableX = 42;

console.log({ variableX }); // { variableX: 42 }