携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第15天，点击查看活动详情
console对象是JavaScript的原生对象，可以输出各种信息给控制台，并且还提供了很多有用的辅助方法
console的常见用途有两个：
- 调试程序，显示网页代码运行时的错误信息
- 提供了一个命令行接口，用来与网页代码互动
随手可用的控制台
随手打开一个浏览器（我习惯用chrome），按 F12，打开开发者工具以后，顶端有多个面板
- Elements：查看网页的 HTML 源码和 CSS 代码
- Resources：查看网页加载的各种资源文件（比如代码文件、字体文件 CSS 文件等），以及在硬盘上创建的各种内容（比如本地缓存、Cookie、Local Storage等）
- Network：查看网页的 HTTP 通信情况
- Sources：查看网页加载的脚本源码
- Timeline：查看各种网页行为随时间变化的情况。
- Performance：查看网页的性能情况，比如 CPU 和内存消耗
- Console：用来运行 JavaScript 命令
我们日常就可以用console面板当做一个命令行窗口，输入各种命令，是一个快速可以执行验证代码（习题）的地方哦！
console 对象的静态方法
console.log方法用于在控制台输出信息，console.info是console.log方法的别名，用法完全一样console.table方法可以将其转为表格显示console.count方法就输出执行次数console.group和console.groupEnd这两个方法用于将显示的信息分组
控制台命令行 API
浏览器控制台中，除了使用console对象，还可以使用一些控制台自带的命令行方法
$_属性返回上一个表达式的值。控制台保存了最近5个在 Elements 面板选中的 DOM 元素，$0代表倒数第一个（最近一个），$1代表倒数第二个，以此类推直到$4$(selector)：返回第一个匹配的元素$$(selector)：返回选中的 DOM 对象getEventListeners(object)：返回一个对象，该对象的成员为object登记了回调函数的各种事件（比如click或keydown）。每个事件对应一个数组，数组的成员为该事件的回调函数clear()：清除控制台的历史copy(object)：复制特定 DOM 元素到剪贴板dir(object)：显示特定对象的所有属性
写在最后
以上习题&笔记从大佬们的论坛学习而来，特感谢大佬们的知识分享～ （学习技术知识，果然要看大佬们的技术博客，大家有好的推荐也欢迎指引我这个小白哈，感恩！）
附上学习链接，感谢这些大佬出题和解答：
