游戏开发之旅-JavaScript错误调试

【原创】2020-06-23 13:36:47

本节是第四讲的第三小节,本节主要为大家介绍JavaScript错误的类型以及如何调试JavaScript代码。

错误类型

语法错误:代码中存在拼写错误,将导致程序完全或部分不能运行,通常你会收到一些出错信息。只要熟悉语言并了解出错信息的含义,你就能够顺利修复它们。

逻辑错误:有些代码语法虽正确,但执行结果和预期相悖,这里便存在着逻辑错误。这意味着程序虽能运行,但会给出错误的结果。由于一般你不会收到来自这些错误的提示,它们通常比语法错误更难修复。

语法错误调试

微信截图_20200623131429.png

打开 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错误调试,更多示例请参见网站示例。跟着张员外讲编程,学习更轻松,不花钱还能学习真本领。


收藏