js调试初学

/*仅以此文章做学习记录*/

错误分为两种

语法错误

逻辑错误

 

语法错误：

右击浏览器选择检查 或者f12进入开发者工具。错误信息会console窗口下提示

解释型语言的特点。翻译一条执行一条遇到错误才会终止。

逻辑错误：

如何调试逻辑错误：

语法没有问题，得到的结果与期望得到的结果不符合。并不会再console的窗口下面显示错误信息。

       在source下面可以看到js代码。在里面可以设置断点

代码执行到断点处就暂停执行（在代码左侧单击即可）

可以让代码单步执行快捷键F10

同时可以查看代码中任意一个表达式或者变量的值

1手动添加watch

2右击选中的表达式悬着添加到watch

 

通过以上的方式可以看到代码每一步的执行结果，当遇到与期望值不符合时

就是那一行代码有问题。能够帮助我盟定位到错误的位置。根据自己的经验和知识，分析出错误的原因，然后解决他。