本节是第四讲的第三小节,本节主要为大家介绍JavaScript错误的类型以及如何调试JavaScript代码。
错误类型
语法错误:代码中存在拼写错误,将导致程序完全或部分不能运行,通常你会收到一些出错信息。只要熟悉语言并了解出错信息的含义,你就能够顺利修复它们。
逻辑错误:有些代码语法虽正确,但执行结果和预期相悖,这里便存在着逻辑错误。这意味着程序虽能运行,但会给出错误的结果。由于一般你不会收到来自这些错误的提示,它们通常比语法错误更难修复。
语法错误调试
打开 JavaScript 控制台,会看到错误信息,最前面是一个错误提示的小图标,然后是一条错误信息,最后面是错误信息的出错的页面和行号,点开页面和行号,是错误的具体位置。例如:Uncaught TypeError: guessSubmit.addeventListener is not a function at 04-3.html:78
常用调试方法
console.log() 是一个非常实用的调试功能,它可以把值打印到控制台。
逻辑错误调试
通常根据开发经验,对于一些变量通过console.log将变量值打印出来,或者给程序设置一些断点,逐步调试程序的各行代码,
从而发现程序的逻辑错误,设置断点的常用方法是调用系统函数alert()。
常见错误汇总
1、SyntaxError: missing ; before statement(语法错误:语句缺少分号)这个错误通常意味着你漏写了一行代码最后的分号,但是此类错误有时候会更加隐蔽。
2、SyntaxError: missing ) after argument list(语法错误:参数表末尾缺少括号)这个很简单。通常意味着函数/方法调用后的结束括号忘写了。
3、SyntaxError: missing : after property id(语法错误:属性ID后缺少冒号)JavaScript 对象的形式有错时通常会导致此类错误。
4、SystaxError: missing } after function body(语法错误:函数体末尾缺少花括号)这个简单,通常意味着函数或条件结构中丢失了一个花括号。
5、SyntaxError: expected expression, got 'string'(语法错误:得到一个 'string' 而非表达式)
6、SyntaxError: unterminated string literal(语法错误:字符串字面量未正常结束)这个错误通常意味着字符串两端的引号漏写了一个,如果你漏写了字符串开始的引号,将得到5出错信息,这里的 'string' 将被替换为浏览器发现的意外字符,如果漏写了末尾的引号将得到6。
7、不管输入什么程序总是执行程序分支的一支,很有可能是把“===”写成了”=”。
以上内容部分摘自视频课程04网页游戏编程JavaScript-3错误调试,更多示例请参见网站示例。跟着张员外讲编程,学习更轻松,不花钱还能学习真本领。