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

关注

转载最新推荐文章于 2021-07-13 17:47:53 发布 228 阅读 AI 写同款· GEO 优化 ›

SpringBoot+Vue+Mysql社区医院信息平台（源码+文档） SpringBoot+Vue+Mysql学生宿舍信息管理系统 WEB端软件项目（源码+文档）项目包含：①完整源码（后端+管理后台+用户前台）；②数据库脚本文件；③万字论文文档；④开题报告；⑤答辩PPT；⑥项目运行视频教程。项目架构： B/S 架构、MVC 分层设计技术栈： Java、MySQL、SpringBoot、MyBatis-Plus、Token 权限校验、管理后台 Vue+ElementUI+ECharts、用户前台 Layui+jQuery、Maven 构建。一、角色设计学生用户：注册登录、浏览宿舍信息、查询宿舍安排、在线报修、缴费查询、失物招领、桶装水预订、评论交流、收藏等。商家用户：注册登录、桶装水品牌与商品信息维护、预订订单查看与处理。维修人员：注册登录、查看待处理报修、接单维修、填写报修处理结果与进度反馈。管理员：学生管理、班级管理、宿舍信息管理、宿舍安排管理、报修处理管理、缴费信息管理、卫生检查与文明宿舍管理、失物招领管理、桶装水与商家管理、维修人员管理、公告资讯与轮播图管理等。二、前台功能模块（学生端） 1. 首页展示：轮播图、宿舍公告、最新动态推荐、常用服务快速入口 2. 宿舍信息模块：宿舍列表、楼栋与房间条件筛选、宿舍详情查看、我的宿舍安排查询 3. 在线报修模块：在线提交宿舍设施报修申请、上传故障描述、查看报修进度与维修处理结果 4. 缴费模块：水电等缴费记录查询、缴费状态查看 5. 卫生检查与文明宿舍：宿舍卫生检查结果公示、文明宿舍展示 6. 失物招领模块：失物信息发布、招领信息发布、详情查看、评论互动 7. 桶装水预订：桶装水品牌与商品浏览、在线预订、我的预订记录查询 8. 假期留宿：假期留校申请提交、申请记录查询 9. 评论与收藏：信息评论、查看他人评论、评论回复互动、收藏感兴趣的内容 10. 个人中心... 立即下载

森林

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

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

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

目光短浅的警卫

在这里插入图片描述

关卡简介：

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

通关展示：

在这里插入图片描述

思路讲解

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

知识点：代码查错与修正（一）

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

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

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

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

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

什么叫未定义错误呢？

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

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

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

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

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

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

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

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

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

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

然后根据注释要求，完成函数的内容：

如果传入的物品存在，则调用takeItem函数拾取物品，如果不在，就返回初始点
在这里插入图片描述
设置好以后，就能看到，原来的报错提示消失了，此时我们的代码已经没有了任何错误。

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

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

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

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

知识点：代码查错与修正（二）

在这里插入图片描述

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

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