编程科技探索

画一张图就能写程序

在写代码之前,先用方框和箭头把思路画出来——这就是程序员的“流程图”。

5-8岁5分钟编程思维 · 流程图 · 概念
画一张图就能写程序

写程序前,你会先想好步骤吗?程序员有个好习惯——先画图。用几种简单的图形和箭头,就能把程序“长什么样”画出来,这种图叫“流程图”。流程图就像程序的地图,照着它写代码就不容易迷路。

你知道吗

你知道吗?流程图早在 1920 年代就被工程师用来规划工厂流水线了,比第一台电子计算机还早 20 多年!现在它仍然是程序员梳理思路的好帮手。

四种图形记住就够

流程图主要用四种图形:椭圆形表示“开始”或“结束”;矩形表示“做一件事”(比如“输入年龄”);菱形表示“判断”(比如“年龄 ≥ 18 吗?”,有是和否两条出路);平行四边形表示“输入或输出”。用箭头把它们连起来,程序的逻辑就一目了然了。

画流程图有个好处:你能一眼看清程序“先做什么、后做什么、什么情况下走哪条路”。比如“出门看天气:如果下雨就带伞,否则看太阳大不大,大就戴帽子,小就直接走”——画成流程图,逻辑就清清楚楚。复杂程序在动手写之前,几乎都要先画流程图。

流程图还能帮你发现思路里的漏洞。有时候你心里觉得想清楚了,一画图才发现:“哎呀,如果既不下雨太阳也不大,该怎么办?”画图让这些隐藏的问题现出来。所以聪明的程序员不会一上来就写代码,而是先画图、再修改、最后才动手——这样写出来的程序又快又少 bug。

  • 椭圆:开始或结束
  • 矩形:做一件事
  • 菱形:判断,有两条以上出路
  • 平行四边形:输入或输出
  • 箭头:连接步骤,表示先后顺序

流程图能画什么?

流程图能画的事情可多了:早上起床的步骤、做一道菜的顺序、玩游戏时的规则、买东西的付款流程……其实生活中很多事都能画成流程图。试着把“早上起床去上学”画出来:起床 → 刷牙 → 吃早饭 → 检查书包 → 出门 → 到学校。每一步都清清楚楚,再也不怕忘带东西啦!

动手试试

小动手:拿一张纸,画一个“过马路”的流程图。开始 → 看红绿灯 → 是红灯吗?是就等,否则再判断有没有车 → 没车就过马路,有车就等 → 结束。画完后给家人讲一遍,看看你的逻辑有没有漏洞。再挑战画一个“早晨起床到出门”的流程图,比比谁画得更完整。

想清楚再动手,比动手后再改快十倍。——编程谚语