47、JavaScript 入门：调试、代码优化与对象引用

JavaScript 入门：调试、代码优化与对象引用

1. JavaScript 代码调试

在使用 JavaScript 时，不可避免地会遇到因代码错误而无法正常运行的脚本。为了解决这些问题，需要对程序进行调试。调试是定位和修复编程错误的过程，首先要确定代码中存在的错误类型。

1.1 错误类型

• 加载时错误（Load-time errors） ：当浏览器首次加载脚本时发生。页面加载时，浏览器会逐行读取代码，查找语法错误。如果发现语法错误，浏览器会在尝试执行脚本之前停止加载。
• 运行时错误（Run-time errors） ：脚本成功加载且无语法错误，但在浏览器执行过程中出错。例如，命令中包含除以零的数学表达式（这是不允许的），即使语法正确，程序也会因运行时错误而失败。
• 逻辑错误（Logical errors） ：代码没有语法和可执行错误，但结果不正确，如从数据库返回错误的名称或计算结果错误。逻辑错误通常最难修复，需要仔细跟踪代码的每一步来发现问题。

1.2 打开调试器

大多数主流浏览器都包含调试工具，用于定位和修复 JavaScript 代码中的错误。以 Google Chrome 为例，打开开发者工具的步骤如下：
1. 打开浏览器窗口，按下键盘上的 F12 键，查看 Google Chrome 开发者工具。
2. 重新加载 tny_clock.html 文件。
3. 在开发者工具面板顶部的