代碼氣味 - 目錄名和文件
避免路徑變數命名不明確
TL;DR:使用清晰的名稱可以更好地理解程式碼。
問題
- 變數用途不明確
- 雙射故障
- 誤導性上下文
- 重複程式碼
- 更難維護
- 可讀性降低
- 縮寫
- 認知負荷增加
解決方案
- 尊重雙射
- 使用準確的名稱
- 避免歧義
- 保持上下文清晰
- 擷取可重複使用的程式碼
- 遵循命名約定
- 用規則具體化名稱
情境
處理單一 fileName 或 directoryPath 時,像 file 或 dirName 這樣的模糊名稱會造成混亂。
- 一個檔案應該代表一個檔案
- fileName 應代表檔案的名稱
- fileContents 應代表文件的內容
- fileHandler 應該表示指向外部資源的指標
- dirName 應該是 directoryPath
清晰的名稱,例如用於名稱的 fileName 和用於目錄的 directoryPath 來傳達每個變數的角色。
當您命名變數檔案時,可能會讓其他人對其用途感到困惑。它存儲文件對象還是僅存儲文件名?
當您命名變數dirName而不是directoryName時,它會導致歧義。
清晰且具有描述性的變數名稱可以提高程式碼的可讀性和可維護性,尤其是在協作環境中。
範例程式碼
錯誤的
function importBoardGameScores(file) { if (file) { const data = fs.readFileSync(file, 'utf-8'); // Process board game scores... } } function importDirectoryScores(dirName) { // 'dir' is an abbreviation const files = fs.readdirSync(dirName); files.forEach(file => { const data = fs.readFileSync(`${dirName}/${file}`, 'utf-8'); // Process each file's board game scores... }); } }
正確的
function importBoardGameScores(fileName) { if (fileName) { const data = fs.readFileSync(fileName, 'utf-8'); // Process board game scores... } } function importDirectoryBoardGamesScores(directoryPath) { const fileNames = fs.readdirSync(directoryPath); // Note the variable holding filenames // and not files fileNames.forEach(filename => { const fullPath = path.join(directoryPath, filename); const scores = importBoardGameScores(fullPath); allScores.push(scores); }); return allScores.flat(); // You can also reify the concept of a filename // And avoid repeating the rules everywhere class Filename { value; constructor(value) { this.validateFilename(value); this.value = value; } validateFilename(value) { const invalidCharacters = /[<>:"/\|?*\x00-\x1F]/g; if (invalidCharacters.test(value)) { throw new Error ('Filename contains invalid characters'); } if (/^[. ]+$/.test(value)) { throw new Error ('Filename cannot consist only of dots or spaces'); } if (value.length > 255) { throw new Error ('Filename is too long'); } } toString() { return this.value; } get value() { return this.value; } }
偵測
[X] 半自動
在處理檔案或目錄路徑的程式碼中尋找通用名稱,例如 file 或 dirName。
標籤
- 命名
等級
[x] 初學者
人工智慧世代
AI 模型可能會預設使用不明確的名稱,例如 file 或 dirName,無需具體說明。
加入描述性命名和程式碼擷取指南可以改善 AI 的輸出。
人工智慧檢測
人工智慧工具可以透過使用清晰的命名約定來修復這種氣味,並在提示時建議提取程式碼以避免冗餘程式碼。
嘗試一下!
記住:人工智慧助理會犯很多錯誤
Without Proper Instructions | With Specific Instructions |
---|---|
ChatGPT | ChatGPT |
Claude | Claude |
Perplexity | Perplexity |
Copilot | Copilot |
Gemini | Gemini |
結論
透過使用 fileName 和 directoryPath 等精確名稱並提取可重複使用的方法,您可以提高程式碼的清晰度和可維護性。
這些簡單的做法有助於減少冗餘並使程式碼易於理解。
關係

代碼氣味 33 - 縮寫
馬克西·孔蒂耶里 ・ 十一月 24 '20
免責聲明
程式碼味道是我的觀點。
製作人員
照片由 Gabriel Heinzer 在 Unsplash 上拍攝
寫的程式碼應該先供人類閱讀,然後才是機器閱讀。
唐·拉布斯

軟體工程精彩名言
馬克西·孔蒂耶里 ・ 2020 年 12 月 28 日
本文是 CodeSmell 系列的一部分。

如何找出程式碼中的臭部分
馬克西·孔蒂耶里 ・ 21 年 5 月 21 日
以上是代碼氣味 - 目錄名和文件的詳細內容。更多資訊請關注PHP中文網其他相關文章!

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

JavaScript是現代Web開發的基石,它的主要功能包括事件驅動編程、動態內容生成和異步編程。 1)事件驅動編程允許網頁根據用戶操作動態變化。 2)動態內容生成使得頁面內容可以根據條件調整。 3)異步編程確保用戶界面不被阻塞。 JavaScript廣泛應用於網頁交互、單頁面應用和服務器端開發,極大地提升了用戶體驗和跨平台開發的靈活性。

JavaScript的最新趨勢包括TypeScript的崛起、現代框架和庫的流行以及WebAssembly的應用。未來前景涵蓋更強大的類型系統、服務器端JavaScript的發展、人工智能和機器學習的擴展以及物聯網和邊緣計算的潛力。

不同JavaScript引擎在解析和執行JavaScript代碼時,效果會有所不同,因為每個引擎的實現原理和優化策略各有差異。 1.詞法分析:將源碼轉換為詞法單元。 2.語法分析:生成抽象語法樹。 3.優化和編譯:通過JIT編譯器生成機器碼。 4.執行:運行機器碼。 V8引擎通過即時編譯和隱藏類優化,SpiderMonkey使用類型推斷系統,導致在相同代碼上的性能表現不同。

JavaScript是現代Web開發的核心語言,因其多樣性和靈活性而廣泛應用。 1)前端開發:通過DOM操作和現代框架(如React、Vue.js、Angular)構建動態網頁和單頁面應用。 2)服務器端開發:Node.js利用非阻塞I/O模型處理高並發和實時應用。 3)移動和桌面應用開發:通過ReactNative和Electron實現跨平台開發,提高開發效率。

Python更適合初學者,學習曲線平緩,語法簡潔;JavaScript適合前端開發,學習曲線較陡,語法靈活。 1.Python語法直觀,適用於數據科學和後端開發。 2.JavaScript靈活,廣泛用於前端和服務器端編程。

本文展示了與許可證確保的後端的前端集成,並使用Next.js構建功能性Edtech SaaS應用程序。 前端獲取用戶權限以控制UI的可見性並確保API要求遵守角色庫

從C/C 轉向JavaScript需要適應動態類型、垃圾回收和異步編程等特點。 1)C/C 是靜態類型語言,需手動管理內存,而JavaScript是動態類型,垃圾回收自動處理。 2)C/C 需編譯成機器碼,JavaScript則為解釋型語言。 3)JavaScript引入閉包、原型鍊和Promise等概念,增強了靈活性和異步編程能力。

JavaScript不需要安裝,因為它已內置於現代瀏覽器中。你只需文本編輯器和瀏覽器即可開始使用。 1)在瀏覽器環境中,通過標籤嵌入HTML文件中運行。 2)在Node.js環境中,下載並安裝Node.js後,通過命令行運行JavaScript文件。
