会报错不可怕，不会读报错才可怕。这一页教你用浏览器打断点、用二分法快速找 Bug、一眼读懂报错三要素，以及问 AI 的正确姿势。
按 F12 → Sources → 点行号就打了个断点（程序会在那一行停住，你一行行看变量）。快捷键：F8 继续、F10 往下走一步（不钻进函数）、F11 钻进函数里。代码里写 debugger; 也会自动停在那。Watch 面板能实时看变量的值。
如果你面对一大段代码不知错在哪，就用二分法：不断把代码砍一半。先把后半段注释掉跑一次：错误没了 → bug 在后半段；错误还在 → bug 在前半段。再砍一半……三四轮就能锁定出错那一行。
| 报错 | 啥意思 | 怎么修 |
|---|---|---|
| ReferenceError: xxx is not defined | 变量没声明/拼错了 | 先声明再用 |
| xxx is not a function | 把不是函数的东西当函数喊了 | 查它是不是 undefined |
| Cannot read properties of undefined | 读了 undefined 的属性 | 先判空 / 用 ?. |
| SyntaxError | 括号引号写错 | 查语法符号 |
| Assignment to constant variable | const 又被重新赋值 | 改成 let |
一条报错按顺序读：① 错误类型（Reference/Type/Syntax…）；② 错误描述（具体哪错了）；③ 文件:行号:列号（点一下直接跳过去）。先点链接跳到那一行，别瞎猜。
| ✅ 可以问（三问） | ❌ 别直接丢（三不问） |
|---|---|
| 报错看不懂，求解读 | 把整份作业丢过去要成品 |
| 结果不对，求排查思路 | 一报错就复制整段代码求助 |
| 语法不熟，求规范示例 | 让 AI 做完自己不思考 |
① 用在哪：提交作业前自查、线上报错定位、读别人代码时打断点看变量。
② 常见坑：一看红字就慌，不读三要素；一报错就把整段代码丢给 AI。
③ 怎么解决：按「类型+描述+行号」读报错，点链接跳到那行；长逻辑用二分法砍一半；带具体报错和现象问 AI。