Js是解释型弱类型的语言，因为没有强类型检查，往往在运行的过程中发生一些模名其妙的问题，调试就显得尤为重要。这里总结一下几种调试方法。

1、常用的输出
console.log应该是最常用的输出了。一般发生异常时，我们会把一些参数输出到控制台，检查是否和我们预想的一致。

console.log(参数1,参数2,参数3); //console.log可以同时输出多个参数

同时也可以输入警告和错误
console.warn(); //警告
console.error(); //错误

2、debugger
在js源代码中加入debuuger;语句，当运行到此处时会命中为断点。前提是打开了浏览器的DevTools开发工具。

3、设置断点
以上两个方法都会污染源代码，因为要植入额外的代码。其实可以直接在DevTools打上断点。
按F12打开浏览器开发工具DevTools，切换成[Sources]选项卡，运行时会命中断点

命中断点后，点击操作区的按钮（或者快捷键）进入下一步。
F10 进入下一个函数
F11进入下一个函数内部
Shift F11 跳出当前函数

左下角打开控制台(Console)，类型于vs的即时窗口，在这里输入变量实时查看变量的值。

4、Code runner
这应该不算是bug调试，但也算是一种调试方法，不必非要到网页上运行得到结果。 
打开vscode下载插件Code Runner

打开一个js文件，右键选择[Run Code]得到执行结果
 
从上图看出，其实是调用nodejs，所以还是要先安装nodejs。百度搜一下，从官网下载安装。打开cmd能得到同样的结果：