断点调试

1.浏览器按F12
2.点击sources
3.找到要调试的文件，双击此文件
4.在程序的某一行的行号处设置断点，然后刷新浏览器，浏览器刷新过后会一直在转圈，就表示已经开始在执行代码了，只不过此时是卡在了代码的某一处，所以一直转
5.此时鼠标放到变量上去，就会看到变量执行到了几

image.png

或者不用鼠标放到i上去，点击watch后面的 + 号，然后输入要查看的变量，就会显示出此时变量的值

image.png image.png

此时可以看到，在sourse中，i的值已经跳到了7，而在console中，也输出了6次你好吗

watch：监视，通过watch可以监视变量的值的变化
F11：程序单步执行，让程序一步一步的执行，这个时候，观察watch中变量的值的变化。
打断点是调试BUG的重要手段