如何调试JavaScript代码

1.通过alert() 来查看程序中的变量，由此也可以推断出程序跑到哪里就报错。

用法:

alert("1");   //弹出窗口显示1


var a = "2";
alert("a="+a); //弹出窗口显示a=2

2.添加debugger来调试javaScript (比较推荐这个，实用方便，alert()添加起来比较繁杂，有时候添加多几个，后面还得删除多几个)

用法：只需要在你想要调试的js代码上面添加一个debugger;即可

...


debugger;


..
js代码
..

用谷歌浏览器举个例子：

这段js代码报错了，但是这时候不清楚具体哪里出错，于是在怀疑出错的js代码上面添加了debugger;

然后打开浏览器的F12，复现出错的请求，这时候程序跑到debugger;这里就会停下来。

 

有人可能疑惑怎么让程序接着运行下去，这时候就可以看到底下有几个按钮是教你如何让程序运行下去的

F8:暂停程序

F9:下一步

F10：跳过下一个函数

F11：进入当前函数

Shift + F11 ：跳出当前函数

结合情况使用不同按钮，一般来说按F9就可以发现问题出在哪里了

 

像刚刚我举的例子，错误就能明显看出来了。