在JavaScript編程中，函數(shù)的參數(shù)是非常重要的。參數(shù)是用于向函數(shù)提供信息以便完成工作的一種方式。但是，在某些情況下，參數(shù)可能不存在或不被明確指定。在這種情況下，可以使用JavaScript參數(shù)默認(rèn)值。參數(shù)默認(rèn)值是在定義函數(shù)時(shí)定義的參數(shù)值，如果函數(shù)調(diào)用中省略了參數(shù)，則將使用這些默認(rèn)值。這里，我們將討論JavaScript中函數(shù)參數(shù)默認(rèn)值的用法和語(yǔ)法，并通過幾個(gè)例子來說明其應(yīng)用場(chǎng)景。

沒有默認(rèn)參數(shù)的函數(shù)

在介紹JavaScript參數(shù)默認(rèn)值之前，讓我們首先看看沒有參數(shù)默認(rèn)值的普通函數(shù)。例如，下面的函數(shù)需要兩個(gè)參數(shù)。

function greet(name, message){
console.log(message + ', ' + name);
}
greet('Bob', 'Hello');

這個(gè)函數(shù)需要兩個(gè)參數(shù)：name和message。如果其中一個(gè)參數(shù)沒有被提供，則函數(shù)無(wú)法正常工作。例如，如果我們只調(diào)用greet('Bob')，則會(huì)得到錯(cuò)誤消息"Uncaught TypeError: Cannot read property 'concat' of undefined"。

有默認(rèn)參數(shù)的函數(shù)

在JavaScript中，您可以為函數(shù)參數(shù)設(shè)置默認(rèn)值。這是通過在參數(shù)名稱后面放置等號(hào)和默認(rèn)值來實(shí)現(xiàn)的。例如，下面的函數(shù)使用默認(rèn)值設(shè)置了第二個(gè)參數(shù)。

function greet(name, message = 'Hello'){
console.log(message + ', ' + name);
}
greet('Bob');

在這個(gè)函數(shù)中，參數(shù)"message"的默認(rèn)值是"Hello"。如果函數(shù)調(diào)用中沒有提供第二個(gè)參數(shù)，則將使用默認(rèn)值。因此，當(dāng)我們調(diào)用greet('Bob')時(shí)，它將打印"Hello, Bob"。

使用null來跳過默認(rèn)參數(shù)

有時(shí)候，您可能想要該函數(shù)的默認(rèn)參數(shù)是不執(zhí)行任何操作的情況。例如，在下面的函數(shù)中，我們想要message參數(shù)的默認(rèn)值為空字符串 ""，而不是 "Hello"。

function greet(name, message = ''){
console.log(message + ', ' + name);
}
greet('Bob', null);

在這個(gè)例子中，我們將null傳遞給函數(shù)的第二個(gè)參數(shù)，從而跳過了默認(rèn)值，它會(huì)輸出"Bob"。請(qǐng)注意，當(dāng)我們?cè)O(shè)置message參數(shù)為null時(shí)，它將被認(rèn)為是已經(jīng)設(shè)置值的參數(shù)，因此它將跳過默認(rèn)值。

使用參數(shù)默認(rèn)值的更多例子

除了上面的例子外，JavaScript參數(shù)默認(rèn)值在許多其他情況下也很有用。例如，您可以使用其來設(shè)置默認(rèn)的網(wǎng)頁(yè)標(biāo)題、默認(rèn)的文本、默認(rèn)的URL等等。下面是一些不同的使用參數(shù)默認(rèn)值的示例。

默認(rèn)的網(wǎng)頁(yè)標(biāo)題

function setPageTitle(title = "My Website"){
document.title = title;
}
setPageTitle();

在這個(gè)例子中，我們定義了一個(gè)名為setPageTitle的函數(shù)，并將網(wǎng)站標(biāo)題設(shè)為默認(rèn)值"My Website"。如果沒有相應(yīng)參數(shù)值覆蓋默認(rèn)值，則網(wǎng)站標(biāo)題將保持不變。因此，當(dāng)我們調(diào)用函數(shù)時(shí)，它會(huì)將網(wǎng)站標(biāo)題設(shè)置為"My Website"。

默認(rèn)的文本標(biāo)簽

function createParagraph(text = "This is a paragraph."){
var paragraph = document.createElement('p');
paragraph.textContent = text;
document.body.appendChild(paragraph);
}
createParagraph();

在這個(gè)例子中，我們定義了一個(gè)名為createParagraph的函數(shù)，并將默認(rèn)文本設(shè)置為"This is a paragraph."。如果沒有相應(yīng)參數(shù)值覆蓋默認(rèn)值，則將創(chuàng)建一個(gè)包含該文本的段落標(biāo)記。因此，當(dāng)我們調(diào)用函數(shù)時(shí)，它將創(chuàng)建一個(gè)帶有默認(rèn)文本"This is a paragraph."的段落。

默認(rèn)的URL

function goToUrl(url = 'https://www.google.com'){
window.location.href = url;
}
goToUrl();

在這個(gè)例子中，我們定義了一個(gè)名為goToUrl的函數(shù)，并將默認(rèn)URL設(shè)置為"https://www.google.com"。如果沒有相應(yīng)參數(shù)值覆蓋默認(rèn)值，則將重定向到該URL。因此，當(dāng)我們調(diào)用函數(shù)時(shí)，它將跳轉(zhuǎn)到默認(rèn)的Google主頁(yè)。

總結(jié)

JavaScript參數(shù)默認(rèn)值是一種非常有用的特性，它可以使函數(shù)更加靈活和易于使用。您可以使用參數(shù)默認(rèn)值來設(shè)置函數(shù)的默認(rèn)值，同時(shí)允許您在需要時(shí)將這些值覆蓋。除此之外，JavaScript參數(shù)默認(rèn)值還可以為函數(shù)傳遞額外的信息，而無(wú)需編寫大量的代碼。希望本文能為您提供有關(guān)JavaScript中函數(shù)參數(shù)默認(rèn)值的各種示例和概念的全面了解。