【转载】学编程,学会“修代码”最重要 | 亲子课堂 第 10 课

2024-01-09 02:20

本文主要是介绍【转载】学编程,学会“修代码”最重要 | 亲子课堂 第 10 课,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

森林

地牢里的关卡主要是偏向锻炼用户的基本语法结构和计算机思维,让大家熟悉极客战记的操作与代码的使用。

来到了森林,关卡将会变得更多更难,同样,到了森林,大家就正式开始接触编程的几大重要知识点:

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

目光短浅的警卫

在这里插入图片描述

关卡简介:

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

通关展示:

在这里插入图片描述

思路讲解

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

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

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

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

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

那么阅读第16行的错误代码:
在这里插入图片描述
在这一行,程序调用了checkTakeRun函数,并传入了参数coin

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

什么叫未定义错误呢?

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

不太熟悉的同学,可以回到上一篇文章复习复习:【转载】用「变量输出」做一个全自动的说话机器人 | 亲子课堂 第 9 课

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

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

因此查看我们的代码:
在这里插入图片描述
可以看到,在这个程序里,我们只创建了takeItem函数,而并没有创建checkTakeRun函数。

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

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

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

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

那么我们在定义函数的时候,也需要为这个函数带上一个参数:
在这里插入图片描述
参数的名字我们可以任意设置一个便于识别的名字。

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

如果传入的物品存在,则调用takeItem函数拾取物品,如果不在,就返回初始点
在这里插入图片描述
设置好以后,就能看到,原来的报错提示消失了,此时我们的代码已经没有了任何错误。
在这里插入图片描述
然而,点击运行,你会发现我们的英雄还是不能按要求完成任务,通过关卡。

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

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

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

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

在这里插入图片描述

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

可以发现,我们英雄失败的原因是,在来到右上方X标记点时,捡到了宝藏,随后直接从上方小路穿过,碰到了守卫,直接被击败。
在这里插入图片描述
我们的函数里,有编写当英雄没有发现金币时,立即返回初始点的代码,但发现金币后,我们只是调用了takeItem函数,拾取了金币,随后函数就结束了,再没有其他动作了。

那么再看到我们的循环:
在这里插入图片描述
这段代码,大家此刻都已经明白,它是让英雄先前往左侧(18行代码),调用checkTakeRun函数,函数运行结束,回到了初始点,然后执行21行代码,去往右侧,调用函数。

当我们的英雄,前往右侧时,调用了checkTakeRun函数,发现了宝藏,并拾取了宝藏,函数结束,那么此时英雄的下一步是什么?
在这里插入图片描述
23行代码结束,根据循环,英雄将执行第18行代码,直接前往左侧X标记点。

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

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

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

因此过关方法也就清晰明了了,我们只需要在checkTakeRun函数内略作修改:
在这里插入图片描述
当英雄发现并拾取了宝藏后,新增一条代码,让英雄返回初始点,如此便可顺利通关。

通关代码

在这里插入图片描述
以上便是森林关卡「目光短浅的警卫」的过关教学了~

本攻略发于极客战记
极客战记——学编程,用玩的!

这篇关于【转载】学编程,学会“修代码”最重要 | 亲子课堂 第 10 课的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/585634

相关文章

HTML5的input标签的`type`属性值详解和代码示例

《HTML5的input标签的`type`属性值详解和代码示例》HTML5的`input`标签提供了多种`type`属性值,用于创建不同类型的输入控件,满足用户输入的多样化需求,从文本输入、密码输入、... 目录一、引言二、文本类输入类型2.1 text2.2 password2.3 textarea(严格

JAVA项目swing转javafx语法规则以及示例代码

《JAVA项目swing转javafx语法规则以及示例代码》:本文主要介绍JAVA项目swing转javafx语法规则以及示例代码的相关资料,文中详细讲解了主类继承、窗口创建、布局管理、控件替换、... 目录最常用的“一行换一行”速查表(直接全局替换)实际转换示例(JFramejs → JavaFX)迁移建

Go异常处理、泛型和文件操作实例代码

《Go异常处理、泛型和文件操作实例代码》Go语言的异常处理机制与传统的面向对象语言(如Java、C#)所使用的try-catch结构有所不同,它采用了自己独特的设计理念和方法,:本文主要介绍Go异... 目录一:异常处理常见的异常处理向上抛中断程序恢复程序二:泛型泛型函数泛型结构体泛型切片泛型 map三:文

MyBatis中的两种参数传递类型详解(示例代码)

《MyBatis中的两种参数传递类型详解(示例代码)》文章介绍了MyBatis中传递多个参数的两种方式,使用Map和使用@Param注解或封装POJO,Map方式适用于动态、不固定的参数,但可读性和安... 目录✅ android方式一:使用Map<String, Object>✅ 方式二:使用@Param

SpringBoot实现图形验证码的示例代码

《SpringBoot实现图形验证码的示例代码》验证码的实现方式有很多,可以由前端实现,也可以由后端进行实现,也有很多的插件和工具包可以使用,在这里,我们使用Hutool提供的小工具实现,本文介绍Sp... 目录项目创建前端代码实现约定前后端交互接口需求分析接口定义Hutool工具实现服务器端代码引入依赖获

利用Python在万圣节实现比心弹窗告白代码

《利用Python在万圣节实现比心弹窗告白代码》:本文主要介绍关于利用Python在万圣节实现比心弹窗告白代码的相关资料,每个弹窗会显示一条温馨提示,程序通过参数方程绘制爱心形状,并使用多线程技术... 目录前言效果预览要点1. 爱心曲线方程2. 显示温馨弹窗函数(详细拆解)2.1 函数定义和延迟机制2.2

Springmvc常用的注解代码示例

《Springmvc常用的注解代码示例》本文介绍了SpringMVC中常用的控制器和请求映射注解,包括@Controller、@RequestMapping等,以及请求参数绑定注解,如@Request... 目录一、控制器与请求映射注解二、请求参数绑定注解三、其他常用注解(扩展)四、注解使用注意事项一、控制

C++简单日志系统实现代码示例

《C++简单日志系统实现代码示例》日志系统是成熟软件中的一个重要组成部分,其记录软件的使用和运行行为,方便事后进行故障分析、数据统计等,:本文主要介绍C++简单日志系统实现的相关资料,文中通过代码... 目录前言Util.hppLevel.hppLogMsg.hppFormat.hppSink.hppBuf

VS Code中的Python代码格式化插件示例讲解

《VSCode中的Python代码格式化插件示例讲解》在Java开发过程中,代码的规范性和可读性至关重要,一个团队中如果每个开发者的代码风格各异,会给代码的维护、审查和协作带来极大的困难,这篇文章主... 目录前言如何安装与配置使用建议与技巧如何选择总结前言在 VS Code 中,有几款非常出色的 pyt

利用Python将PDF文件转换为PNG图片的代码示例

《利用Python将PDF文件转换为PNG图片的代码示例》在日常工作和开发中,我们经常需要处理各种文档格式,PDF作为一种通用且跨平台的文档格式,被广泛应用于合同、报告、电子书等场景,然而,有时我们需... 目录引言为什么选择 python 进行 PDF 转 PNG?Spire.PDF for Python