哎呦我去！正赶着交活儿呢，浏览器突然蹦出个"当前脚本页面发生错误"，代码全乱套了是吧？别慌！今儿咱就掰开了揉碎了讲，保准你修完bug还能准时下班！
▌这破提示到底啥意思？
简单说就是你的Javascript代码里藏了"地雷"。常见的有三种爆雷姿势：
- 语法写飘了：少个分号、括号没配对，这种低级错误占45%
- 跨域作大死：比如用localhost调生产环境接口，必炸
- 浏览器耍脾气：Edge和Chrome对ES6新特性的支持差老鼻子了
上周我同事在for循环里写const i=0，结果在IE11上直接崩了。记住：能用let别用var，用var别用const！
▌五大救命锦囊
立即检查这三处：
① 按F12看Console报错信息（第几行哪个文件）
② 核对引用的第三方库版本（jQuery别用3.x配旧插件）
③ 开无痕模式测试（排除浏览器缓存作妖）
进阶操作：
- 在VS Code装Error Lens插件，实时标红语法问题
- 用ESLint做代码体检，规则调成"airbnb"最严模式
- 祭出debugger大法，在可疑位置打80个断点
举个栗子：昨天我遇到个"Uncaught TypeError"，最后发现是axios返回的数据没做JSON.parse()，整整浪费俩钟头！
▌浏览器内战现场
| 错误类型 | Chrome提示 | Firefox表现 |
|---|---|---|
| 未定义变量 | 直接报错 | 显示行号+堆栈跟踪 |
| 跨域请求 | 红字警告 | 灰色提示+详细说明 |
| 内存泄漏 | 性能面板报警 | 直接卡死页面 |
看见没？用Firefox调试更省头发！特别是它的网络监控面板，能看清每个请求的header细节。
▌菜鸟防翻车指南
- 所有异步操作必须加try/catch，就像出门必须带钥匙
- 用
===替代==，能避免80%的类型转换坑 - 数组遍历用
forEach别用for-in（会遍历原型链） - 对象属性访问记得用
hasOwnProperty验明正身
重点来了：千万别信console.log！有时候它会把未定义变量显示为undefined，但其实早就引发隐式错误了。
个人观点时间
说实在的，现在前端开发就跟走钢丝似的。昨天我写的代码在Chrome跑得好好的，到Safari直接白屏。要我说啊，罪魁祸首就是这帮浏览器厂商，整那么多私有API干啥？
不过话又说回来，遇到脚本错误也别急着砸键盘。按F12看看报错信息，顺着调用栈捋逻辑，十有八九能找到问题。最怕的就是新人瞎试，把import改成require，export改成module.exports，最后搞成四不像代码。
记住咯——好代码是改出来的，不是憋出来的！该debug时就debug，别嫌麻烦！
