JavaScript 调试 debug

Posted 2022-06-29 niujifei

一、错误

　　1、语法错误

　　　　出现错误，有提示，很容易的解决。

　　2、逻辑错误

　　　　不容易发现

二、调试方式

　　1、alert() 方式

　　2、console.log()/console.error() 方式

　　3、断点调试

　　　　断点调试是指自己在程序的某一行设置一个断点，调试时，程序运行到这一行就会停住，然后你可以一步一步往下调试，调试过程中可以看各个变量当前的值，出错的话，调试到出错的代码行即显示错误，停下。

　　　调试步骤：

浏览器中按F12-->sources-->找到需要调试的文件-->在程序的某一行设置断点

　　　　如图：　　

 

　　　 

　　4、调试中的相关操作

• • Watch: 监视，通过watch可以监视变量的值的变化，非常的常用。
  •  F10: 程序单步执行，让程序一行一行的执行，这个时候，观察watch中变量的值的变化。
  •  F8：跳到下一个断点处，如果后面没有断点了，则程序执行结束。

           

　　　　Tips: 监视变量，不要监视表达式，因为监视了表达式，那么这个表达式也会执行