一样的代码为什么一关闭调试就报错一打开就好了_极客战记[森林]:目光短浅的警卫 - 通关代码及讲解...

ab7b2081f3af701fdec7515cc48c584a.png
本栏目为极客战记关卡通关讲解栏目,将会从地牢-森林-沙漠-山峰-冰川,按用户的正常过关顺序,挑出难度较大或有教学意义的关卡进行讲解,长期更新。

森林

地牢里的关卡主要是偏向锻炼用户的基本语法结构和计算机思维,让大家熟悉极客战记的操作与代码的使用,来到了森林,关卡将会变得更多更难,同样,到了森林,大家就正式开始接触编程的几大重要知识点:

条件判断、运算符、函数、对象属性

关卡:目光短浅的警卫

790a91e3f5f850d2c88080053f69609a.png
关卡图片
  • 关卡地址:
极客战记:森林 - 目光短浅的警卫 - 学编程,用玩的!​codecombat.163.com
cb297ffe395a989ba226707dfaa6b2c0.png

「目光短浅的警卫」本关涉及的编程知识点还是函数及函数参数,但懂得“写代码”,还不能通过这一关,我们还需要掌握“修代码”的能力——观察程序运行过程,自主完善程序逻辑的计算机思维。

  • 通关展示:

f5d81a0d346b6c59d473e4e05576a92a.gif
  • 思路讲解:

df62aa342e556822f3f011692f8e5689.png

这一关有些特殊,一进入本关,什么都还没做,系统就弹出了一个红色错误提示框,看起来十分的吓人。

知识点:代码查错与修正(一)

当我们遇到系统弹出报错时,保持冷静,大家可以使用以下三步来解决问题:

  1. 查看报错类型
  2. 阅读报错代码
  3. 定位错误位置

看到报错弹窗:

0053a21a3f20efb2cfa2d736918a30d2.png

弹窗说明,错误发生在第16行,错误类型是ReferfenceError,是引用错误的意思,后方则指出了产生这个错误的具体代码段,如果不明白ReferfenceError是什么意思,没关系,在最后还有中文具体解释这个错误——“未定义”。

那么阅读第16行的错误代码:

4b837c94611e8483d0eeaa25ea83d025.png

在这一行,程序调用了checkTakeRun函数,并传入了参数coin

结合报错提示,我们就能知道在程序的第16行,调用checkTakeRun函数的这段代码,发生了未定义错误。

什么叫未定义错误呢?

在上一篇关卡教学里,我们有详细讲过函数的相关知识,里面有提到我们在程序里创建一个函数,在计算机里面,这个动作就叫做定义函数

不太熟悉的同学,可以回到上一篇文章复习复习:极客战记[森林]:远程除法-通关代码及讲解

那么此处未定义错误的意思就很明确了:

你当前调用的checkTakeRun函数,还没有创建出来,没有创建的东西,你要让程序去使用它,而程序找不到这个函数,自然就会发生报错。

因此查看我们的代码:

f5a6fa76f79000fa8eed08019c0e7862.png

可以看到,在这个程序里,我们只创建了takeItem函数,而并没有创建checkTakeRun函数。

因此解决问题的思路也清晰了:

根据注释要求,创建checkTakeRun函数。

那么我们根据关卡要求,来定义checkTakeRun函数。

在16行,我们能够看到,系统在调用checkTakeRun函数时,传入了一个变量,从这里能够得知,我们要定义的checkTakeRun函数,是带有一个参数的函数,用于接收英雄发现的物品并处理。

那么我们在定义函数的时候,也需要为这个函数带上一个参数:

f459530837afbbb631a157b36c1d8069.png

参数的名字我们可以任意设置一个便于识别的名字。

然后根据注释要求,完成函数的内容:

如果传入的物品存在,则调用takeItem函数拾取物品,如果不在,就返回初始点

be2fcffc72d0e38179c8039492855c34.png

设置好以后,就能看到,原来的报错提示消失了,此时我们的代码已经没有了任何错误。

f9ef03541f1847b77a050e5ea9e8b858.png

然而,点击运行,你会发现我们的英雄还是不能按要求完成任务,通过关卡。

e5b90be0583a66906105d739e255824f.gif

这是为什么呢?明明代码已经按注释要求填写,并且没有产生任何错误了,为什么我们的英雄还是没法完成关卡?

想一想,本关的名字叫做“目光短浅的警卫”,这个“目光短浅”指的可不仅仅只是在守护宝藏的大怪物。

诚然,你的代码已经没有任何问题了,但在现实中,我们的程序常常需要根据现实的情况,来做相应的调整,以应对各种情况,这就是我们代码查错的第二个内容了,我们还需要根据程序运行时发生的特殊情况,来调整我们的程序。

知识点:代码查错与修正(二)

e5b90be0583a66906105d739e255824f.gif

既然错误是从游戏中的突发情况导致的,那么我们就需要观察游戏过程,分析问题所在:

可以发现,我们英雄失败的原因是,在来到右上方X标记点时,捡到了宝藏,随后直接从上方小路穿过,碰到了守卫,直接被击败。

9025dbcb118f6c459be174740d537894.png

我们的函数里,有编写当英雄没有发现金币时,立即返回初始点的代码,但发现金币后,我们只是调用了takeItem函数,拾取了金币,随后函数就结束了,再没有其他动作了。

那么再看到我们的循环:

bdcd71da8f6efa378f400ca2f3d70f9f.png

这段代码,大家此刻都已经明白,它是让英雄先前往左侧(18行代码),调用checkTakeRun函数,函数运行结束,回到了初始点,然后执行21行代码,去往右侧,调用函数。

当我们的英雄,前往右侧时,调用了checkTakeRun函数,发现了宝藏,并拾取了宝藏,函数结束,那么此时英雄的下一步是什么?

a92346a352452d63929cb386f4d4abbc.png

23行代码结束,根据循环,英雄将执行第18行代码,直接前往左侧X标记点。

那么这样就会导致英雄和敌人正面相遇,发生战斗。

这就是问题的所在,因此,我们就需要解决问题,思路如下:

要避免战斗,就要避免英雄和敌人相遇,那么我们就不能直接从右侧标记点前往左侧,应该是先回到初始点,再前往左侧标记点。

因此过关方法也就清晰明了了,我们只需要在checkTakeRun函数内略作修改:

8d58bf21f547d1674a1141d341fa28b3.png

当英雄发现并拾取了宝藏后,新增一条代码,让英雄返回初始点,如此便可顺利通关。

如果想要学习更多的代码调试技巧,大家还可以看看这一篇文章:

极客战记:学编程,最重要的是要学会修代码——代码调试小技巧。

  • 通关代码:

7cefcc1ccc1c6a2b33e3bf89a8a39c8e.png

以上便是森林关卡「目光短浅的警卫」的过关教学了~


地牢关卡通关教程:

  1. 极客战记[地牢]:祸之火焰-通关代码及讲解

2. 极客战记[地牢]:注释中的密语-通关代码及讲解

3. 极客战记[地牢]:迷失在书库-通关代码及讲解

4. 极客战记[地牢]:换个名字-通关代码及讲解

森林关卡通关教程:

  1. 极客战记[森林]:九颗宝石-通关代码及讲解

2. 极客战记[森林]:边地僵局-通关代码及讲解

3. 极客战记[森林]:发狂的矮人-通关代码及讲解

4. 极客战记[森林]:边地之叉-通关代码及讲解

5. 极客战记[森林]:远程除法-通关代码及讲解

本栏目将会长期以正常顺序更新极客战记的关卡讲解,如果觉得我们的内容对你有用,有帮助的话,不妨点一下右上角的关注吧!~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值