随着 ECMAScript 的不断更新和提高，console 对象也成为了前端中非常重要和强大的一个调试工具，console 对象拥有丰富多彩的方法和作用，本篇文章将详细介绍 console 对象的使用和常用方法。
console 对象简介
console 对象是前端调试过程中一个非常强大的工具，它可以输出各种类型的信息，并且可以进行调试和性能分析。console 对象通常在浏览器控制台中使用，但也可以在 Node.js 中使用。
console 对象的全局方法
在 ECMAScript 2018 中，console 对象共有 10 个全局方法，在此我们将详细介绍这些方法的使用。
console.log()
console.log() 方法是用于输出简单的字符串信息的，它可以同时输出多个参数，并且自动在参数之间添加一个空格。例如：
console.log('Hello', 'world')输出结果为：
Hello world
console.info()
console.info() 方法是用于输出信息和警告等级信息的，它的使用方式和 console.log() 方法类似。例如：
console.info('好的！')输出结果为：
好的！
console.error()
console.error() 方法是用于输出错误信息的，它的使用方式和 console.log() 方法类似。例如：
console.error('出错啦！')输出结果为：
出错啦！
console.warn()
console.warn() 方法是用于输出警告信息的，它的使用方式和 console.log() 方法类似。例如：
console.warn('警告！')输出结果为：
警告！
console.table()
console.table() 方法是用于在控制台中输出表格形式的数据信息，例如：
console.table([
{ name: '张三', age: 18 },
{ name: '李四', age: 20 },
{ name: '王五', age: 22 }
])输出结果为：
┌─────────┬─────┬─────┐ │ (index) │ name│ age │ ├─────────┼─────┼─────┤ │ 0 │ 张三 │ 18 │ │ 1 │ 李四 │ 20 │ │ 2 │ 王五 │ 22 │ └─────────┴─────┴─────┘
console.trace()
console.trace() 方法是用于输出当前代码的调用堆栈信息，例如：
function foo() {
console.trace('调用堆栈')
}
function bar() {
foo()
}
bar()输出结果为：
调用堆栈 foo @ index.html:10 bar @ index.html:14 (anonymous) @ index.html:16
console.assert()
console.assert() 方法是用于在程序中进行断言操作，如果断言失败，则输出错误信息。例如：
console.assert(1 === 2, '1 不等于 2')
输出结果为：
Assertion failed: 1 不等于 2
console.time() 和 console.timeEnd()
console.time() 方法用于启动一个计时器，而 console.timeEnd() 用于停止计时器并输出计时结果。例如：
console.time('timer')
for (let i = 0; i < 1000000; i++) {
// Do something...
}
console.timeEnd('timer')输出结果为：
timer: 2.119873046875ms
console.group() 和 console.groupEnd()
console.group() 和 console.groupEnd() 方法用于在控制台中输出分组信息，例如：
-- -------------------- ---- ------- ----------------- --- -------------------- -------------------- ------------------ ----------------- --- ----------------- ----------------- ------------------
输出结果为：
分组 1 Hello World 分组 2 你好 世界
console.count()
console.count() 方法用于记录某个变量或对象输出的次数。例如：
for (let i = 0; i < 5; i++) {
console.count('计数器')
}输出结果为：
计数器: 1 计数器: 2 计数器: 3 计数器: 4 计数器: 5
总结
在 ECMAScript 2018 中，console 对象提供了10个强大的全局方法，用于在浏览器控制台中进行调试和性能分析，掌握这些方法可以帮助前端工程师更快更好的解决问题和异常，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e9cb4cf6b2d6eab34f53c7