iT邦幫忙

2021 iThome 鐵人賽
DAY 21
0
自我挑戰組

TypeScript 三十天學習日記系列 第 21 篇

Day 21 中場休息，來做點酷東西（重構 class）

13th鐵人賽 typescript
525 瀏覽

  • 分享至 

  • xImage
    •  

今天做了

  1. 重構程式碼，寫了一個基本的 component class 讓 ProjectInput class 和 ProjectList class 可以繼承。

https://ithelp.ithome.com.tw/upload/images/20211006/20131989aFNrmKbILw.png
https://ithelp.ithome.com.tw/upload/images/20211006/20131989fKjUgrg2x9.png
https://ithelp.ithome.com.tw/upload/images/20211006/20131989N85Yn04xG9.png

  1. 新增 State class，如果之後專案要擴充，不只有 Project 的狀態要管理時，就也能再次繼承該 class。

https://ithelp.ithome.com.tw/upload/images/20211006/20131989dMRcA7rMDv.png

總之，就是把共用的地方抽取出來，不要再重寫，做可以重複使用的 class，可以讓程式碼更好維護以及更好閱讀哦！

寫到後期發現每天發文真的是一件很困難的事啊阿阿，好佩服其他的參賽者，今天真的寫很少，明天會盡力把這個專案結束掉 QQ。


上一篇
Day 20 中場休息，來做點酷東西（型別修正跟除點小蟲）
下一篇
Day 22 中場休息，來做點酷東西（終於要完成了）
系列文
TypeScript 三十天學習日記 共 24 篇
  1. 20
    Day 20 中場休息，來做點酷東西（型別修正跟除點小蟲）
  2. 21
    Day 21 中場休息，來做點酷東西（重構 class）
  3. 22
    Day 22 中場休息，來做點酷東西（終於要完成了）
  4. 23
    Day 23 中場休息，來做點酷東西（完成了嗚嗚）
  5. 24
    Day24 Modules & Namespaces
完整目錄
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言
iThome鐵人賽
參賽組數
1064 組
團體組數
40 組
累計文章數
22195 篇
完賽人數
600 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙