JavaScript 是一種進階的編程語言,它為我們提供了許多靈活的特性和功能。其中之一是 JavaScript 函數默認值。在編寫 JavaScript 函數時,我們可以定義參數的默認值。這樣,如果在調用函數時沒有為參數傳遞任何值,函數將使用默認值。默認值是一個非常方便的功能,它使得我們可以更快地編寫函數,同時保障了代碼的健壯性。
讓我們在下面的例子中看看如何使用函數默認值:
function greet(name = 'World') { console.log(`Hello, ${name}!`); } greet(); // 輸出 "Hello, World!" greet('John'); // 輸出 "Hello, John!"
在上面的例子中,greet 函數定義了一個名為 name 的參數。當我們在調用 greet 函數時沒有傳遞參數,則默認使用名為 "World" 的值。
默認值是可選的,也就是說,你可以定義函數需要的任意數量的參數。如果函數調用時沒有傳遞參數,那么所有未傳值的參數都將使用默認值。
function createPerson(firstName = "John", lastName = "Doe", age = 0) { return { firstName, lastName, age }; } let person1 = createPerson(); let person2 = createPerson("Bob", "Smith", 25); console.log(person1); // { firstName: "John", lastName: "Doe", age: 0 } console.log(person2); // { firstName: "Bob", lastName: "Smith", age: 25 }
在上面的示例中,createPerson 函數定義了三個參數 firstName, lastName 和 age。當我們在調用函數時沒有傳遞這些參數,它們將使用默認值。
然而,請注意,只有未定義或被設置為 undefined 的參數才能被賦予默認值
function sum(a, b = 1) { return a + b; } console.log(sum(3, 5)); // 輸出 8 console.log(sum(3)); // 輸出 4 console.log(sum(3, undefined)); // 輸出 4 console.log(sum(3, null)); // 輸出 3
在上面的示例中,第三個示例將 b 設置為默認值1。但是,當我們調用 sum(3, null) 時,結果為3,因為null被視為有效值,而不是未定義的值。
JavaScript 函數默認值是一個非常方便的功能,能夠使我們的代碼更簡潔和易于維護。無論何時你需要編寫函數,都要牢記使用默認值這個巧妙的技巧。