嘿，開發者們！ ？今天，讓我們深入探討編寫乾淨、可維護的 JavaScript 的關鍵方面：管理函數參數

太多參數的問題

你有遇過這樣的函數嗎？

function createMenu(title, body, buttonText, cancellable, theme, fontSize, callback) {
  // ...a whole lot of logic here
}

如果你有，你就會知道試圖記住參數順序的痛苦，或者更糟的是，當有人不可避免地混淆它們時進行調試。 ？

二元規則

這是一條黃金法則：試圖將函數限制為兩個或更少的參數。
為什麼？以下是一些令人信服的理由：

• 改進的可測試性：更少的參數意味著更少的測試案例來涵蓋所有可能性。
• 增強可讀性：更容易一目了然地理解函數的用途。
• 減少認知負擔：使用此函數的開發人員可以減少參數的心理調整。

但如果我需要更多參數怎麼辦？

好問題！這就是對象解構的神奇之處。看看這個：

function createMenu({ title, body, buttonText, cancellable, theme = 'light', fontSize = 16, callback = () => {} }) {
  // Your implementation here
}

// Usage
createMenu({
  title: "Settings",
  body: "Adjust your preferences",
  buttonText: "Save",
  cancellable: true
});

這種方法的好處

• 模擬命名參數：您可以以任何順序提供參數。 自記錄：函數簽章清楚地顯示了期望的屬性。 預設值：輕鬆設定可選參數的預設值。 防止副作用：解構克隆原始值，有助於避免意外突變。 Linter-Friendly：工具可以警告您未使用的屬性。

專業提示：TypeScript Boost

如果您使用的是 TypeScript，您可以更進一步：

interface MenuOptions {
  title: string;
  body: string;
  buttonText: string;
  cancellable: boolean;
  theme?: 'light' | 'dark';
  fontSize?: number;
  callback?: () => void;
}

function createMenu(options: MenuOptions) {
  // Implementation
}

這增加了類型安全性和自動完成功能，使您的程式碼更加健壯！

總結

透過採用此模式，您會發現您的功能變得更加靈活，更易於使用，並且更易於維護。這是一個很小的變化，但卻會對您的程式碼品質產生很大的影響。

您對這種方法有何看法？您還有其他管理函數參數的技巧嗎？評論區一起討論吧！

編碼愉快！ ？