js中的debugger调试

本文介绍了一种在大型项目中使用JS的debugger语句进行高效调试的方法。通过在代码中插入debugger语句,开发者可以在执行到该语句时自动暂停JS执行,无需手动设置断点,简化了调试过程。

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

js中的debugger调试

debugger:停止JS的执行,相当于设置断点。
在JS代码编写的过程中,我们都会通过浏览器的调试模式(F12)来检查代码是否正确,大多数我们都是通过设置断点来进行调试。
打开浏览器按F12:
调试模式
在12行设置断点(鼠标点击12):
调试模式
按F5刷新界面(当前浏览器会执行你设置断点的位置的时候):
调试模式
然后按F10一步一步执行下去,这是我们传统的JS调试方法,但是如果遇见JS代码过多并且杂乱的时候(比如上千行的时候),我们自己找位置设置断点的时候就会发现每次都要向下滑一会儿;要么就ctrl+F查找(可能出现相同的变量等等情况);或者记住当前代码编写的行数位置,再在浏览器调试模式中滑到相应的位置设置断点,总感觉很烦。

这个时候我们就可以使用JS中提供的debugger语句:
调试模式
按F5刷新:
调试模式
可以看见JS在执行的时候会自动命中debugger然后设置断点,在大型项目中,这样会更加方便我们在JS中的调试!!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值