JavaScript中的函數常常需要接受特定類型的參數，但某些情況下需要接受可選參數。JavaScript函數定義允許你指定函數應該期望哪些參數。當一個函數調用只傳遞少于期望數量的參數時，函數內沒有傳遞的參數默認被給予undefined值。然而，在代碼中，當函數參數含有多個可選類參數時表現起來可能相當笨拙且容易出錯。本文將討論如何使用JavaScript來定義可選參數。 在定義JavaScript函數時，你可以手工檢查傳遞的參數來看它們的值或者通過對象的解構來獲取所需屬性，這在ECMAScript2015中得到了強化。 一個常見的情況是，你想確保一個函數內某個可選參數必須在特定的范圍內。例如，考慮一個用于向HTML元素添加類的函數。該函數有兩個參數：一個用于目標元素，另一個用于類名。類名是可選的參數，因此必須在函數內進行檢查以避免傳遞不合格的類名。 我們來看一段JavaScript代碼，這段代碼中的可選參數類名必須為字符串類型，否則函數會拋出異常并在console中展示錯誤信息： ``` function addClassToElement(element, className = '') { if (className && typeof className !== 'string') { throw new Error('Class name must be a string'); } element.classList.add(className); } ``` 在addClsassToElement函數中，我們使用了類似id=””這樣的形式來表示一個可選的參數。code中的className變量將會預先設為一個空字符串，這樣做是為了避免undefined的情況發生。 接下來，我們檢查傳遞的className參數是否為一個字符串。如果className存在并且其數據類型為字符串，我們就可以將其添加到元素的classList屬性中。 在這個例子中，我們使用了類似“=‘’”這樣的方式提供了一個默認值。這與為變量賦值創建默認值的做法類似。設定一個默認參數值，可以保證參數始終被傳遞，即使沒有確切的提供它們的值。 下面我們來看一個簡單示例代碼，來了解一下如何檢查是否確切地傳遞了對象參數： ``` function printMessage(message, options = {}) { const { bold = false, underline = false } = options; let output = message; if (bold) { output = `**${output}**`; } if (underline) { output = `__${output}__`; } console.log(output); } printMessage('Hello world!'); // Output: Hello world! printMessage('Hello world!', { bold: true, underline: true }); // Output: __**Hello world!**__ ``` 在這個示例中，printMessage函數有兩個參數，一個是信息，一個是選項。如果沒有在調用函數時明確地指定選項，函數將使用一個默認的設置對象，其包含兩個屬性bold和underline。 為了在函數內部使用bold或underline屬性，我們需要進行對象解構。然后，我們將消息賦給output變量，再根據bold和underline的值進行操作，這里插入字符“**”和“__”來實現加粗和下劃線的效果。 在JavaScript中，編寫使用可選參數的函數是非常常見的。有時候，可選參數是必須的，因此我們需要確切地檢查它們的數據類型并使用默認值。在這篇文章中，我們討論了在JavaScript中定義可選參數的兩種方法：驗證并手動檢查參數，通過對象解構來解決這個問題。只要善于利用這些技巧，開發者們可以輕松地編寫可靠的并支持可選參數的JavaScript函數。