Chrome 开发者工具 第十三章（控制台运行 JavaScript）

Chrome 开发者工具的控制台是一个功能丰富的环境，它不仅可以用来记录消息，还可以运行JavaScript代码。控制台实质上是一个REPL（读取-评估-打印-循环）环境，它读取你输入的JavaScript代码，评估这些代码，并打印出表达式的结果，然后继续这个循环。

当你在构建或调试网页时，你可能需要在控制台中运行一些语句来更改网页的外观或行为。例如，通过运行document.getElementById('inspect-me').textContent = 'Console'，你可以改变页面上某个元素的文本内容。这种即时的反馈对于快速测试和调试是非常有用的。

控制台也是一个理想的地方来运行与网页无关的JavaScript代码。你可以在这里尝试新的JavaScript功能或者简单地进行算术运算。例如，输入5 + 15将会在控制台中返回结果20。

你还可以定义函数，如function add(a, b=20) { return a + b; }，并调用它来看到结果，如add(25)将返回45，因为当没有提供第二个参数时，b默认为20。

控制台还提供了一系列便捷功能，比如使用$()来选择元素，这是document.querySelector()的简写。

还有debug(function)可以在函数的第一行设置断点，而keys(object)会返回一个包含指定对象所有键的数组。

控制台不仅是一个强大的工具，它还可以帮助你更轻松地与网页互动，无论是调试现有的代码还是尝试新的代码片段。通过控制台，你可以更深入地了解JavaScript，并在开发过程中提高你的效率。