JavaScript错误调试与处理——错误调试_断点

2.断点：一般用于排错
应用场景：代码量比较大的时候，不能轻易实现排错时，那么需要用到断点
案例：

现在查看调试界面，利用断点


如果是弹出age，显然没有这个属性，但不会报错，本身alert(obj.age);没有意义，因为弹出的会是undefined，那么这时候不会有错误信息。

那么如何调试？（点出sources界面）
首先设置断点（点击一下最左边的数字即可设置断点）

其次设置了断点，但是还没有生效，需要刷新一下界面，页面会不断加载（即进入调试阶段）

然后看到四个按钮可供选择（四个选项==>调试工具）

第一个 恢复正常
第二个 不断往前走（执行顺序和正常代码执行顺序一样）执行完毕后自动恢复
第三个 执行下一步（但不具备跨越功能）
第四个 上一步

第二个和第三个的区别：
添加一个js文件（a.js）

假如现在在18行添加一个断点，刷新界面，进入调试阶段

然后不断点下一个（第三个按钮），在21-1.js代码执行完后，直接进入a.js
如果是点击的第二个按钮，也是会在21-1.js代码执行完后直接进入a.js，反复的执行，两个按钮过程是一样，但它有个恢复。

当执行完毕后，还是会有调试阶段，若退出调试阶段需要删除断点（点击设置断点处的蓝色部分，在刷新界面即可，页面不会再不断加载）。