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

最新推荐文章于 2022-02-15 16:48:57 发布

喋喋小菜鸡

最新推荐文章于 2022-02-15 16:48:57 发布

阅读量595

点赞数

文章标签： javascript

本文链接：https://blog.youkuaiyun.com/DebbyOctober/article/details/108691957

版权

本文介绍了在JavaScript中使用断点进行错误调试的方法。当面对大量代码难以直接排错时，断点成为有效的工具。通过设置断点，可以在Sources界面观察代码执行情况。调试时，四个关键操作按钮包括恢复正常、单步执行、单步进入和单步返回。在实际案例中，通过在特定行设置断点，可以控制代码执行流程，便于理解问题所在。完成调试后，删除断点并刷新页面退出调试模式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2.断点：一般用于排错
应用场景：代码量比较大的时候，不能轻易实现排错时，那么需要用到断点
案例：
在这里插入图片描述
现在查看调试界面，利用断点

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

那么如何调试？（点出sources界面）
首先设置断点（点击一下最左边的数字即可设置断点）
在这里插入图片描述
其次设置了断点，但是还没有生效，需要刷新一下界面，页面会不断加载（即进入调试阶段）

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

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

第二个和第三个的区别：
添加一个js文件（a.js）
在这里插入图片描述
假如现在在18行添加一个断点，刷新界面，进入调试阶段

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