位置: 编程技术 - 正文
JavaScript程序设计之JS调试(JavaScript程序设计形考任务第一次任务)
编辑：rootadmin推荐整理分享JavaScript程序设计之JS调试(JavaScript程序设计形考任务第一次任务)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:JavaScript程序设计教材,JavaScript程序设计形考任务第一次任务,javascript程序设计心得体会,JavaScript程序设计,javascript程序设计心得体会,JavaScript程序设计,javascript程序设计心得体会,JavaScript程序设计,内容如对您有帮助，希望把文章链接给更多的朋友！
本文主要通过一个加法器，介绍JS如何调试。先上代码：效果：
test.html：
demo.js
重点摘要：
1、一般调试JS，打印信息有如下三种：
a.用alert，缺点是每次都弹框
b.用console.log，这个数据量小还可以
c.加断点调试
2、在JS里，如果变量前面加var，表示局部变量，function里如果不带var表示全局变量。因此一般情况下变量前面带var.
3、一般在chrome调试器里，elements看代码，在source目录下进行调试。在该模式下，点击js里每一行即可以加断点。
4、调试模式下最右边的四个按钮分别是：下一个断点处，单步执行，进到下一函数，跳出函数。基本所有的调试工具都有这四种。
5、断点模式下，在console里输入变量就可以看到当前值，同时可以随意对值进行修改。
下一篇：深入浅析react native es6语法(react navigate)