在當(dāng)今快節(jié)奏的開發(fā)世界中，快速交付解決方案至關(guān)重要。然而，在程式碼品質(zhì)上偷工減料通常會(huì)導(dǎo)致錯(cuò)誤、安全漏洞和不可維護(hù)的程式碼。程式碼道德在產(chǎn)生功能性程式碼和可維護(hù)、高效且安全的程式碼方面發(fā)揮關(guān)鍵作用。讓我們透過(guò)範(fàn)例探討 JavaScript 開發(fā)中的關(guān)鍵道德原則以及它們?nèi)绾翁岣叱淌酱a品質(zhì)。

1. 清晰勝過(guò)聰明 道德原則：優(yōu)先考慮程式碼的可讀性和簡(jiǎn)單性，而不是「聰明」或複雜的解決方案。程式碼的讀取次數(shù)多於編寫次數(shù)。使其易於理解對(duì)於長(zhǎng)期維護(hù)至關(guān)重要。

範(fàn)例：當(dāng)有更清晰的替代方案時(shí)，避免使用簡(jiǎn)潔或複雜的結(jié)構(gòu)。

壞例子


好例子
const doubleArray = arr =>; arr.map(x => x * 2); // 清晰易懂
在此範(fàn)例中，位元運(yùn)算子

1. 避免全球範(fàn)圍污染 道德原則：避免透過(guò)全域宣告變數(shù)來(lái)污染全域範(fàn)圍，這可能導(dǎo)致名稱衝突和意外行為。

壞例子

讓計(jì)數(shù) = 0； // 在全域範(fàn)圍內(nèi)宣告
函數(shù)增量() {
計(jì)數(shù)；
}
好例子

(() => {
讓計(jì)數(shù)= 0； // 封裝在閉包中
函數(shù)增量() {
計(jì)數(shù)；
}
})();
透過(guò)將程式碼包裝在 IIFE（立即呼叫函數(shù)表達(dá)式）中，count 變數(shù)的作用域是本地的，避免了與程式碼其他部分的潛在衝突。

1. 小心處理錯(cuò)誤 道德原則：優(yōu)雅地處理錯(cuò)誤並提供資訊豐富的訊息。無(wú)聲的失敗可能會(huì)導(dǎo)致不可預(yù)測(cè)的行為。

壞例子

函數(shù) getUser(id) {
return fetch(/user/${id}).then(res => res.json()); // 沒有錯(cuò)誤處理
}
好例子

非同步函數(shù) getUser(id) {
嘗試{
const res = wait fetch(/user/${id});
if (!res.ok) {
拋出新錯(cuò)誤（無(wú)法取得使用者：${res.statusText}）；
}
返回等待 res.json();
} catch (錯(cuò)誤) {
console.error('取得使用者時(shí)發(fā)生錯(cuò)誤：', error);
返回空；
}
}
透過(guò)新增錯(cuò)誤處理，您不僅可以防止應(yīng)用程式無(wú)提示地失敗，還可以提供有關(guān)出錯(cuò)原因的有意義的資訊。

1. 模組化您的程式碼 道德原則：將大的函數(shù)或檔案分解成更小的、可重複使用的模組。這改善了程式碼組織、測(cè)試和可讀性。

壞例子

函數(shù) processOrder(order) {
// 驗(yàn)證訂單的代碼
// 計(jì)算總計(jì)的代碼
// 處理付款的代碼
// 產(chǎn)生收據(jù)的代碼
}
好例子

`function validateOrder(order) { /* ... / }
functioncalculateTotal(order) { / ... / }
function processPayment( paymentInfo) { / ... / }
functiongenerateReceipt(order) { / ... */ }

函數(shù) processOrder(order) {
if (!validateOrder(order)) return;
const Total =calculateTotal(order);
processPayment(order. paymentInfo);
產(chǎn)生收據(jù)（訂單）；
}`
這種模組化方法使您的程式碼更易於理解、測(cè)試和維護(hù)。每個(gè)職能都有單一職責(zé)，遵循單一職責(zé)原則 (SRP)。

1. 尊重資料隱私 道德原則：謹(jǐn)慎處理敏感資料。不要在日誌、控制臺(tái)訊息或公共端點(diǎn)中暴露不必要的資料。

壞例子

函數(shù) processUser(使用者) {
console.log(處理使用者：${JSON.stringify(user)}); // 暴露敏感資料
// ...
}
好例子

函數(shù) processUser(使用者) {
console.log(處理使用者：${user.id}); // 僅記錄必要的詳細(xì)資訊
// ...
}
在這種情況下，不良範(fàn)例會(huì)在控制臺(tái)中暴露潛在的敏感使用者資訊。好的範(fàn)例僅記錄必要的內(nèi)容，遵循資料隱私最佳實(shí)務(wù)。

1. 遵循 DRY（不要重複自己）原則 道德原則：避免程式碼重複。相反，將重複的邏輯抽象化為可重複使用的函數(shù)。

壞例子

`函數(shù) createAdmin(name, 角色) {
return { 名稱, 角色, 權(quán)限: ['創(chuàng)建', '讀取', '更新', '刪除'] };
}

function createEditor(名稱, 角色) {
return { 名稱, 角色, 權(quán)限: ['創(chuàng)建', '讀取'] };
}`
好例子

`函數(shù)createUser(名稱、角色、權(quán)限) {
return { 名稱、角色、權(quán)限 };
}

const admin = createUser('Alice', 'Admin', ['建立', '讀取', '更新', '刪除']);
const editor = createUser('Bob', 'Editor', ['create', 'read']);`
遵循 DRY 原則，您可以消除程式碼重複，從而減少未來(lái)更新中出現(xiàn)不一致或錯(cuò)誤的機(jī)會(huì)。

1. 記錄您的程式碼 道德原則：記錄您的程式碼，以確保其他開發(fā)人員（或未來(lái)的您）清楚您的意圖和思考過(guò)程。

壞例子

函數(shù)calculateAPR(金額, 利率) {
退貨金額*比率/100/12； // 沒有解釋公式代表什麼
}
好例子

`/**

• 計(jì)算每月APR
• @param {number} amount - 本金金額
• @param {number} rates - 年百分比
• @return {number} - 每月年利率 */ 函數(shù)計(jì)算年利率（金額，利率）{ 退貨金額*比率/100/12； // 文件中解釋的 APR 公式 }` 良好的文件可確保任何閱讀程式碼的人都可以理解其功能，而無(wú)需對(duì)邏輯進(jìn)行逆向工程。

1. 編寫單元測(cè)試 道德原則：編寫單元測(cè)試可確保您的程式碼按預(yù)期運(yùn)作，並有助於防止隨著程式碼的發(fā)展而引入錯(cuò)誤。

壞例子
// 沒有測(cè)試覆蓋
好例子
// 使用 Jest 或 Mocha
等測(cè)試框架 test('calculateAPR 應(yīng)回傳正確的 APR', () => {
Expect(calculateAPR(1000, 12)).toBe(10);
});
透過(guò)編寫測(cè)試，您可以確保您的程式碼可靠、可驗(yàn)證且易於自信地重構(gòu)。

1. 採(cǎi)用程式碼風(fēng)格指南 道德原則：在整個(gè)團(tuán)隊(duì)或?qū)０钢凶裱恢碌木幋a風(fēng)格。這可以改善協(xié)作並減少誤解。

考慮使用 ESLint 或 Prettier 等工具來(lái)強(qiáng)製程式碼的一致性。

ESLint 設(shè)定範(fàn)例

{
"extends": "eslint:推薦",
「env」：{
「瀏覽器」：正確，
「es6」：正確
},
「規(guī)則」：{
"縮排": ["錯(cuò)誤", 2],
"quotes": ["錯(cuò)誤", "單一"],
“半”：[“錯(cuò)誤”，“總是”]
}
}
透過(guò)遵循風(fēng)格指南，您的程式碼庫(kù)將保持一致的結(jié)構(gòu)，使其他人更容易貢獻(xiàn)和審查程式碼。

結(jié)論
符合道德的 JavaScript 編碼實(shí)踐可確保您的程式碼不僅實(shí)用，而且可維護(hù)、安全且面向未來(lái)。透過(guò)專注於清晰度、模組化、錯(cuò)誤處理和資料隱私，您可以建立一個(gè)尊重其他開發(fā)人員和最終用戶的程式碼庫(kù)。將這些實(shí)踐納入您的工作流程將幫助您編寫更乾淨(jìng)、更可靠的程式碼並創(chuàng)造更健康的開發(fā)環(huán)境。

以上是JavaScript 程式碼道德：寫出乾淨(jìng)、道德的程式碼的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！