JavaScripti基础——调试debug

调试debug

调试的目的是确定错误的原因和位置，并解决错误。

错误

• 语法错误
  • 在浏览器F12控制台console会告诉我们在第几行出现错误
• 逻辑错误

过去调试JavaScript的方式

• alert()
• console.log()

断点调试

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

调试步骤

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

调试中相关操作

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