console对象的一些方法使用

在JavaScript中，通常会需要使用一些方式在控制台中输出信息，供开发者能够准确的调试代码，这时 console对象就会有很大的作用。 console对象提供了多种方法用于输出信息、性能分析、错误的捕捉等。

1、console.log()

作用：输出一段信息，打印变量值、某个函数的执行结果或一些日志记录。是一种最常见的调试方法。

console.log('这是log输出的一段信息~')
console.log('value',333)   // 支持多参数，用逗号分隔

2、console.debug()

作用：输出调试信息，与log几乎一样，但语义更明确。

console.debug('这是debug输出的一段信息~')

3、console.info()

作用：输出一种提示性信息，与log几乎一样

console.info('这是info输出的一段信息~')

4、console.warn()

作用：输出警告信息（黄色高亮），通常可能用于提示一些潜在问题，如API的废弃使用。

console.warn('这时warn输出的一段信息~')

5、console.error()

作用：输出错误信息（红色信息），通常作用于捕获并记录运行时的错误信息。

try {
	throw new Error('一段错误信息')
} catch (e) {
	console.error(e) // 输出错误对象
}

6、console.table()

作用：以表格的方式输出数组或对象，使其更易读。通常展示一些结构化数据。

const list = [
	{id: 001, name: '楚留香'}，
	{id: 002, name: '胡铁花'}
]
console.table(list)

输出结果：

7、console.dir()

作用：以交互式树状结构输出对象的属性，通常使用在检查DOM元素或一些复杂对象。

console.dir(document.body)

输出结果：

8、console.group() && console.groupEnd()

作用：将输出的结果进行分组

console.group('User Info')
console.log('name','楚留香')
console.log('age','28')
console.groupEnd()

输出结果：

9、console.time() && console.timeEnd()

作用：计算代码执行的时间（毫秒）

console.time('Timer')
for(let i = 0; i < 10; i++) {
	console.log(i)
}
console.timeEnd('Timer')

输出结果：

10、console.assert()

作用：当条件为false时输出错误信息

const age = 17
console.assert(age >= 18, 'Age must be 18+')

输出结果：

11、console.clear()

作用：清空控制台

console.clear()

输出结果：

总结

上述方法提供了丰富的调试和日志记录功能，可以帮助开发者更有效地跟踪和解决问题。在使用这些方法时，请根据实际情况选择合适的方法，以确保代码的可读性和可维护性。

注意

console打印出的结果只是作为开发者在编码过程中调试的作用，使用完后应当全部去除，避免暴露一些敏感信息。