前言

在Js的调试输出时，我们经常看到这样的写法：

console.log('%s ...', 'string')
//string...

其实这是使用了格式化输出的用法，今天我们就来学习一下，在Js中的格式化输出。

格式化输出符号种类

%s格式化成字符串输出

console.log('%s456', '123') //123456

%d格式化成数值输出

console.log('%d456', 123) //123456
console.log('%d456', '123') //NaN456

%i格式化成数值输出

console.log('%d456', 123) //123456
console.log('%d456', '123') //NaN456

%o转化成展开的DOM元素输出

console.log('%o', document.body) // body dom元素

%O转化成JavaScript对象输出

console.log('%O', new Date()) // 日期对象

%c把字符串按照你提供的样式格式化后输入

console.log('%c 123', 'color:red') //输出红色的 123

%f格式化成浮点数值输出

console.log('%f', 12.01) //12.01