一、输出命名的变量
在调试的时候，我们经常会碰到这样的情况：输出多个变量，在浏览器打开控制台后，一阵凌乱不知道哪个变量对应的哪个值。
let a=5;
let b=6;
console.log(a,b);
//5 6
我们现在可以这样输出，只需将变量放入一对花括号中即可。
console.log({a},{b})//
// {a: 5} {b: 6}
变量名对应输出的值，非常清楚。
如图：
demo.png
二、格式化
有时候你需要输出一条包含多种数据类型的信息。console.log()提供了字符串格式化命令sprintf()可以用%s , %i等修饰符。
const user = 'agam';
const counts = 100;
console.log('%s is %i year old', user, counts);
//agam is 100 year old
三、输出样式
浏览器的控制台允许对输出的信息添加样式。我们可以用%c 修饰符来添加样式。如下：
let msg = 'hello world'
console.log(`%c ${msg}`, 'font-size: 36px; font-weight: bold; color : green');
结果如图：
demo
网友评论