本文链接：https://blog.csdn.net/yk_ddm/article/details/118888128

console 对象

Chrome 浏览器F12 控制台中支持使用jQuery的选择器，用 $ 来选择 DOM 节点 eg: $(“body”)、…

在这里插入图片描述

简介

作为 JavaScript 的原生对象, 可以输出各种信息到控制台
作为网页debug调试程序

console 对象的静态方法

console.log()，console.info()，console.debug(), …

格式占位符

%s 字符串
%d 整数
%i 整数
%f 浮点数
%o 对象的链接
%c CSS 格式字符串

log 方法

用于控制台输出信息，输出结束换行

用于输出普通信息

console.log(3)
console.log(2)
console.log(1)
//output: 3
//output: 2
//output: 1


var numOne = 10
console.log("numOne: %d", numOne)  // output: numOne: 10

error 方法

打印一条错误信息

用于输出错误信息

/**
 *  谷歌浏览器Chrome 不支持该方法
 *  目前只是 Firefox (Gecko) 支持
 */
console.exception('%s error', 'test')

console.exception() 是 console.error() 的别名；它们功能相同

在这里插入图片描述

warn 方法

用于输出警示信息

在这里插入图片描述

clear 方法

清空控制台信息

在这里插入图片描述

info 方法

console.log() 的别名

用于输出提示性信息

在这里插入图片描述

group 方法

信息分组

在这里插入图片描述

debug 方法

console.debug 输出的信息一般不会显示，它只在显示级别是 verbose 的情况下，才会显示

在这里插入图片描述

table 方法

var arr = [
	{name: 'zs', age: 24},
	{name: 'ls', age: 26},
	{name: 'ww', age: 25}
]

console.log(arr)   // 日志打印
console.table(arr)  // 以表格形式查看

在这里插入图片描述

count 方法

统计代码被执行的次数，接收一个参数，不指定默认是 default

在这里插入图片描述

countReset 方法

console.countReset(); 重置当前传入的参数对应的计数器，接收一个 label 参数，默认重置 default 计数器

dir 方法

dir方法的输出结果，比log方法更加易读，信息也更加丰富

以树状结构展现输出结果

在这里插入图片描述

assert 方法

断言失败，就显示一个错误，但不会中断程序执行
方法有两个参数，第一个参数是表达式，第二个参数是字符串
当第一个参数为false时，控制台会输出第二个参数，否则啥也不干

在这里插入图片描述
相当于 try {…} catch (e) {…}

var flag = false
try {
	if (!flag) {
		throw new Error('error test')	
	}
} catch(e) {
	console.error(e)
}

在这里插入图片描述

time 方法和 timeEnd方法

常用来计时，计算一个操作所花费的时间
一个参数，即计时器的名称

在这里插入图片描述

profile 方法

分析程序的运行时间; 性能分析

在这里插入图片描述

方法的重写（即覆盖）

['log', 'info', 'warn', 'error'].forEach(function (i) {
	console[i] = console[i].bind(
		console,
		new Date().toLocaleString()
	)
})

console.log('hello world')  // output: 2021/7/19上午11:13:02 hello world

trace 方法

console.trace("msg") : call stack 调用堆栈追踪

function fun1() {
            console.log("fun1")
            fun2()
        }

        function fun2() {
            console.log("fun2")
            fun3()
        }

        function fun3() {
            console.log("fun3")
            console.trace("fun3 调用堆栈追踪...")
        }

        fun1()