小黑與程式的邂逅
付費限定

代碼重組(一)

小黑-avatar-img
小黑
發佈於寫個好程式
更新於 發佈於 閱讀時間約 1 分鐘

情境1

function a {
  宣告五個變數
​
  依序顯示出五個變數值​
}​
創作者正在準備中
請加入 小黑與程式的邂逅 了解最新動態！
小黑與程式的邂逅寫個好程式
avatar-img
小黑與程式的邂逅
8會員
123內容數
嗨，我是一名程式設計師，會在這分享開發與學習紀錄。
留言
avatar-img
留言分享你的想法！
小黑與程式的邂逅 的其他內容
代碼重組(二)
本文介紹瞭如何透過重新配置函式與類別的結構來提升代碼的可讀性和可維護性。通過這些變更，不僅簡化了代碼，還提高了其可讀性，適合尋求代碼改進的開發者參考。
#代碼重組#重構
[設計模式]VIPER
VIPER(View Interactor Presenter Entities Router) View 負責顯示資料。 Interactor 負責管理model。 Presenter 負責處理View的業務邏輯。 Entities 負責data model。
#VIPER
[設計模式]MVVMC
MVVMC(Model View ViewModel Coordinator)，特點是Coordinator。 Model 負責儲存應用程式的資料。 View 負責顯示資料。 ViewModel 負責處理View和Model之間的狀態關係。 Coordinator 負
#MVVMC
[設計模式]MVI
MVI(Model View Intent)，特點是Intent。 Model 負責介面狀態 View 負責顯示資料。 Intent 負責將封裝後的操作告知Model。
#MVI
[設計模式]MVVM
MVVM(Model View ViewModel)，特點是View跟ViewModel之間做資料綁定。 Model 負責儲存應用程式的資料。 View 負責顯示資料。 ViewModel 負責處理View和Model之間的狀態關係。
#MVVM
[設計模式]MVP
MVP(Model View Presenter)由MVC演變而來。MVC與MVP的差異是View跟Model之間的關係；MVC中是可以直接溝通的；MVP中是不可以直接溝通的，必須要透過 Presenter。 Model 負責資料存取。 View 負責顯示資料，並將使用者的操作傳給P
#MVP
代碼重組(二)
本文介紹瞭如何透過重新配置函式與類別的結構來提升代碼的可讀性和可維護性。通過這些變更，不僅簡化了代碼，還提高了其可讀性，適合尋求代碼改進的開發者參考。
#代碼重組#重構
[設計模式]VIPER
VIPER(View Interactor Presenter Entities Router) View 負責顯示資料。 Interactor 負責管理model。 Presenter 負責處理View的業務邏輯。 Entities 負責data model。
#VIPER
[設計模式]MVVMC
MVVMC(Model View ViewModel Coordinator)，特點是Coordinator。 Model 負責儲存應用程式的資料。 View 負責顯示資料。 ViewModel 負責處理View和Model之間的狀態關係。 Coordinator 負
#MVVMC
[設計模式]MVI
MVI(Model View Intent)，特點是Intent。 Model 負責介面狀態 View 負責顯示資料。 Intent 負責將封裝後的操作告知Model。
#MVI
[設計模式]MVVM
MVVM(Model View ViewModel)，特點是View跟ViewModel之間做資料綁定。 Model 負責儲存應用程式的資料。 View 負責顯示資料。 ViewModel 負責處理View和Model之間的狀態關係。
#MVVM
[設計模式]MVP
MVP(Model View Presenter)由MVC演變而來。MVC與MVP的差異是View跟Model之間的關係；MVC中是可以直接溝通的；MVP中是不可以直接溝通的，必須要透過 Presenter。 Model 負責資料存取。 View 負責顯示資料，並將使用者的操作傳給P
#MVP
你可能也想看
Google News 追蹤
avatar-avatar
方格子 vocus 官方沙龍
Thumbnail
【vocus 新商品上架】創作者打氣包🚨 4 月限定，免費數位商品
靈感用盡、鍵盤不再響，盯著喜歡、分享、留言的數字，心跳跟著小鈴鐺七上八下⋯⋯vocus 2025 年 4 月限定新商品，要為創作者打氣！ 🚨「創作者打氣包」 最懂創作者的vocus，為創作者打造 ✨ 打氣包，包什麼？！四件道具挺創作者 一、【打氣復活卷】 專屬你的打氣小語，成功登記免費
#創作#愚人節#免費數位商品
avatar-avatar
方格子 vocus 官方沙龍
Thumbnail
「方格人氣王」挑戰賽🏆！發文互動拿禮物，登上首頁曝光！
全新 vocus 挑戰活動「方格人氣王」來啦～四大挑戰任你選，留言 / 愛心 / 瀏覽數大 PK，還有新手專屬挑戰！無論你是 vocus 上活躍創作者或剛加入的新手，都有機會被更多人看見，獲得站上版位曝光＆豐富獎勵！🏆
#方格人氣王#方格留言王#方格愛心王
avatar-avatar
開心做遊戲 Happy Making Game
Thumbnail
GameMaker｜Expression 表達式｜Statement 陳述式｜程式基礎
這篇內容，將會講解什麼是表達式(Expression)，什麼是陳述式(Statement)。有了這些概念，各位會更容易理解，要如何設計程式碼。
#遊戲製作#遊戲開發#遊戲設計
avatar-avatar
鱈魚的魚缸
Thumbnail
TypeScript 之 DX 體驗更好的列舉資料定義方式
一般在使用 TypeScript 的時候，大家都有遇過定義列舉資料的情境吧。 不過不管是 enum 和 literal 的方式其實都有些小缺點，以下推薦一個個人認為體驗更好的方式。
#TypeScript#Enum#literal
avatar-avatar
Michael楊
Thumbnail
CSS入門-Day1：語言介紹、觸及的領域、誰在使用
CSS 是控制網頁外觀的語言，應用於網頁設計、UI/UX 設計、電子商務和移動應用開發。主要使用者包括前端開發者、UI/UX 設計師和網頁設計師。CSS 的特性有樣式控制、層疊優先級、響應式設計及分離內容與樣式。
#CSS
avatar-avatar
Warren Lo的沙龍
Thumbnail
一個快速學會新的程式語言的方法
如果你也是從事軟體相關工作的人，一定會遭遇突然需要你去學習一套你不熟悉的程式語言狀況吧，此時你會怎麼做呢? 是趕快去買書來看嗎? 還是趕快找一門程式課來上? 又或者乾脆去找會的同事來教學?
#程式語言#C語言#Sample
avatar-avatar
Youna's Devlog
Thumbnail
[Lua] 註解 & Print & 變數型態
註解 & Print & 變數型態
avatar-avatar
Joker Cat
Thumbnail
安裝 StandardJS 及 補充實用套件
因為最近想嘗試編碼風格，於是就選了一套比較"不嚴格"的輔助工具來摸索。 編輯器 VS CODE 框架 VUE3 打包工具 VITE 編碼風格 Standard 環境 version { "nodejs":"v18.18.0", "npm":"9.8.1" }
#StandardJS#前端#Vue
avatar-avatar
程式輕鬆玩
Thumbnail
使用 C# 語言壓縮圖片並調整大小
在開發應用程式時，經常會遇到需要調整圖片大小以節省空間或加快加載速度的情況。本教學將介紹如何使用 C# 語言來壓縮圖片並調整其大小，以便在應用程式中使用。
#Csharp#圖片壓縮#調整大小
avatar-avatar
方格子 vocus 官方沙龍
Thumbnail
【vocus 新商品上架】創作者打氣包🚨 4 月限定，免費數位商品
靈感用盡、鍵盤不再響，盯著喜歡、分享、留言的數字，心跳跟著小鈴鐺七上八下⋯⋯vocus 2025 年 4 月限定新商品，要為創作者打氣！ 🚨「創作者打氣包」 最懂創作者的vocus，為創作者打造 ✨ 打氣包，包什麼？！四件道具挺創作者 一、【打氣復活卷】 專屬你的打氣小語，成功登記免費
#創作#愚人節#免費數位商品
avatar-avatar
方格子 vocus 官方沙龍
Thumbnail
「方格人氣王」挑戰賽🏆！發文互動拿禮物，登上首頁曝光！
全新 vocus 挑戰活動「方格人氣王」來啦～四大挑戰任你選，留言 / 愛心 / 瀏覽數大 PK，還有新手專屬挑戰！無論你是 vocus 上活躍創作者或剛加入的新手，都有機會被更多人看見，獲得站上版位曝光＆豐富獎勵！🏆
#方格人氣王#方格留言王#方格愛心王
avatar-avatar
開心做遊戲 Happy Making Game
Thumbnail
GameMaker｜Expression 表達式｜Statement 陳述式｜程式基礎
這篇內容，將會講解什麼是表達式(Expression)，什麼是陳述式(Statement)。有了這些概念，各位會更容易理解，要如何設計程式碼。
#遊戲製作#遊戲開發#遊戲設計
avatar-avatar
鱈魚的魚缸
Thumbnail
TypeScript 之 DX 體驗更好的列舉資料定義方式
一般在使用 TypeScript 的時候，大家都有遇過定義列舉資料的情境吧。 不過不管是 enum 和 literal 的方式其實都有些小缺點，以下推薦一個個人認為體驗更好的方式。
#TypeScript#Enum#literal
avatar-avatar
Michael楊
Thumbnail
CSS入門-Day1：語言介紹、觸及的領域、誰在使用
CSS 是控制網頁外觀的語言，應用於網頁設計、UI/UX 設計、電子商務和移動應用開發。主要使用者包括前端開發者、UI/UX 設計師和網頁設計師。CSS 的特性有樣式控制、層疊優先級、響應式設計及分離內容與樣式。
#CSS
avatar-avatar
Warren Lo的沙龍
Thumbnail
一個快速學會新的程式語言的方法
如果你也是從事軟體相關工作的人，一定會遭遇突然需要你去學習一套你不熟悉的程式語言狀況吧，此時你會怎麼做呢? 是趕快去買書來看嗎? 還是趕快找一門程式課來上? 又或者乾脆去找會的同事來教學?
#程式語言#C語言#Sample
avatar-avatar
Youna's Devlog
Thumbnail
[Lua] 註解 & Print & 變數型態
註解 & Print & 變數型態
avatar-avatar
Joker Cat
Thumbnail
安裝 StandardJS 及 補充實用套件
因為最近想嘗試編碼風格，於是就選了一套比較"不嚴格"的輔助工具來摸索。 編輯器 VS CODE 框架 VUE3 打包工具 VITE 編碼風格 Standard 環境 version { "nodejs":"v18.18.0", "npm":"9.8.1" }
#StandardJS#前端#Vue
avatar-avatar
程式輕鬆玩
Thumbnail
使用 C# 語言壓縮圖片並調整大小
在開發應用程式時，經常會遇到需要調整圖片大小以節省空間或加快加載速度的情況。本教學將介紹如何使用 C# 語言來壓縮圖片並調整其大小，以便在應用程式中使用。
#Csharp#圖片壓縮#調整大小