开发笔记之console.log玩法

244 阅读1分钟

console.log的用法

  1. 基础用法
console.log(111) // '111'
console.log('console.log')
...
  1. 占位符替换 console.log方法的第一个参数如果有占位符,第二、三、四个参数会在显示时,依次替换掉三个占位符。

console.log方法支持以下占位符,不同类型的数据必须使用对应的占位符。

  • %s 字符串
  • %d 整数
  • %i 整数
  • %f 浮点数
  • %o 对象的链接
  • %c CSS 格式字符串
console.log('%s %d %i %f %o %c测试console.log占位符', '我是字符串', 100, 888, 55.66, 'http://baidu.com', 'color: red; background: yellow; font-size: 24px;')

image.png

当然%c就可以被玩出很多花样来了,比如放一张背景图片或者各种色的字体。这个就看发挥了。