--- title: 流程拆解、任務設計 tags: 流程拆解, 任務設計 description: --- 流程拆解、任務設計 === #### 流程圖符號簡介 ![](https://i.imgur.com/CvdMd2h.png) #### 如何流程拆解 - **了解情境** 小華他想出門,但他不確定自己的錢包有多少錢,於是他想打開錢包看看還有多少錢。 打開錢包後,他發現有150元,於是他就紀錄在腦袋裡,他擁有150元。 - **定義情境目的** 想查詢小華自己的錢包==有多少錢==。 - **流程拆解** ![](https://i.imgur.com/0KcKwSx.png) - 寫成程式碼 ```javascript= let wallet = 0; wallet += 150; cconsole.log(`小華的錢包裡有`${wallet}`元`); ``` <br> 延伸閱讀 - [流程圖](https://zh.wikipedia.org/wiki/流程图)