JavaScript 学习手册

浏览器开发者工具（DevTools）是调试 JavaScript 的利器。 **主要面板：** - **Console** – 显示日志，可输入任意 JavaScript 代码 - **Sources** – 查看和调试源文件（可设置断点、单步执行、查看变量） - **Network** – 监控网络请求（查看请求头、响应、时间线） - **Elements** – 查看和编辑 DOM 及样式（可实时修改） - **Application** – 查看存储（LocalStorage, SessionStorage, Cookies） - **Performance** – 分析页面性能（CPU、内存等） **常用调试命令：** - `console.log()` – 输出日志 - `console.table()` – 以表格形式输出数组/对象 - `console.time()` / `console.timeEnd()` – 计时 - `console.assert()` – 断言，条件为假时输出错误 - `console.trace()` – 打印堆栈跟踪 - `debugger;` – 在代码中手动添加断点 **断点调试**：在 Sources 面板点击行号设置断点，代码执行到该行暂停，可查看变量、调用栈等。