从console.log说起(console.log详细介绍)
版权申诉
107 浏览量
2020-10-19
05:46:57
上传
评论
收藏 100KB PDF 举报
从从console.log说起说起(console.log详细介绍详细介绍)
console.log，作为一个前端开发者，可能每天都会用它来分析调试，但这个简单函数背后不简单那一面,这篇文
章就为大家介绍一下
控制台美女
console.log，作为一个前端开发者，可能每天都会用它来分析调试，但这个简单函数背后不简单那一面，你未必知道……
基础
首先，简单科普这个函数的作用。前端开发者可以在js代码的任何部分调用console.log，然后你就可以在浏览器的开发者控制
台里，看到这个函数调用的那一瞬间你指定的变量或表达式的值。
最基本的调用方法：
console.log('123');
// 123
console.log('1', '2', '3');
// 1 2 3
console.log('123');
// 1
// 2
// 3
我们可以通过上面的方式进行单个变量（表达式）、多个变量以及换行输出。而这对于日常开发的大多数情况算是够用了。
格式化输出
console.log('%d + %d = %d', 1, 1, 2);
// 1 + 1 = 2
写过C语言的童鞋肯定对上面这种写法不陌生，这种写法在复杂的输出时，能保证模板和数据分离，结构更加清晰。不过简单
的输出就不那么方便了。
console.log支持的格式标志有:
格式化
前三种格式不用多说，%o、%O都是用来输出Object对象的，对普通的Object对象，两者没区别，但是打印dom节点时就不一
样了：
资源评论
