javascript中如何設(shè)置和使用默認(rèn)值

本篇內(nèi)容主要講解“javascript中如何設(shè)置和使用默認(rèn)值”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“javascript中如何設(shè)置和使用默認(rèn)值”吧!

設(shè)置默認(rèn)值

在過去，為了設(shè)置函數(shù)參數(shù)的默認(rèn)值，我們通常需要在函數(shù)體內(nèi)進(jìn)行null或undefined的判斷，然后手動(dòng)設(shè)置一個(gè)默認(rèn)值。如下所示：

function sayHello(name) {
    if(name === undefined) {
        name = "world";
    }
    console.log("Hello, " + name + "!");
}

sayHello(); // "Hello, world!"
sayHello("Tom"); // "Hello, Tom!"

如果我們有多個(gè)參數(shù)需要設(shè)置默認(rèn)值，這種方式很容易變得冗長和難以維護(hù)。在ES6中，我們可以使用更加方便的方式來設(shè)置默認(rèn)值。

使用默認(rèn)值

在ES6中，我們可以為函數(shù)參數(shù)指定默認(rèn)值。這樣可以讓我們更加方便地設(shè)置函數(shù)的默認(rèn)值，同時(shí)減少代碼量和提高可讀性。如下所示：

function sayHello(name="world") {
    console.log("Hello, " + name + "!");
}

sayHello(); // "Hello, world!"
sayHello("Tom"); // "Hello, Tom!"

在這個(gè)例子中，我們定義了一個(gè)函數(shù)sayHello并給其參數(shù)name指定了一個(gè)默認(rèn)值"world"。當(dāng)函數(shù)沒有傳遞任何參數(shù)時(shí)，它將使用默認(rèn)值，并輸出"Hello, world!"。當(dāng)我們?yōu)楹瘮?shù)傳遞參數(shù)時(shí)，它將使用我們傳遞的值，例如，當(dāng)我們傳遞Tom時(shí)，輸出"Hello, Tom!"。

我們還可以使用其他參數(shù)的默認(rèn)值來設(shè)置默認(rèn)值。比如說：

function sayHello(name="world",greeting=`Hello`) {
    console.log(`${greeting}, ${name}!`);
}

sayHello(); // "Hello, world!"
sayHello("Tom"); // "Hello, Tom!"
sayHello("Jenny", "Hi"); // "Hi, Jenny!"
sayHello(undefined, "Goodbye"); // "Goodbye, world!"

在這個(gè)例子中，我們再次定義了一個(gè)函數(shù)sayHello，并為其參數(shù)name和greeting指定了默認(rèn)值。當(dāng)我們沒有傳遞greeting參數(shù)時(shí)，它將使用默認(rèn)值"Hello"。當(dāng)我們傳遞Tom和Hi時(shí)，輸出"Hi, Tom!"。當(dāng)我們傳遞undefined和"Goodbye"時(shí)，將使用默認(rèn)值并輸出"Goodbye, world!"。

默認(rèn)值的注意事項(xiàng)

當(dāng)使用默認(rèn)值時(shí)，需要注意以下幾個(gè)問題：

1. 僅當(dāng)參數(shù)的值為undefined時(shí)，才會(huì)使用默認(rèn)值。因此傳遞null、""或0等false值時(shí)，將不會(huì)使用默認(rèn)值。

function getColor(color = "blue") {
    console.log(color);
}

getColor(null); // null
getColor(""); // ""
getColor(0); // 0

2. 當(dāng)使用默認(rèn)值時(shí)，參數(shù)仍然存在，只是其值為默認(rèn)值。因此我們?nèi)匀豢梢允褂胊rguments對象來訪問這些參數(shù)。例如：

function sayHello(name = "world") {
    console.log(`Hello, ${arguments[0]}!`);
}

sayHello("Tom"); // "Hello, Tom!"

3. 當(dāng)使用默認(rèn)值時(shí)，參數(shù)僅適用于其它參數(shù)。如果參數(shù)引用了函數(shù)本身或其他全局變量，則不會(huì)使用默認(rèn)值。例如：

let language = "English";
function sayHello(name = "world", greeting = `Hello ${language}!`) {
    console.log(`${greeting}, ${name}!`);
}

sayHello(); // "Hello English, world!"

到此，相信大家對“javascript中如何設(shè)置和使用默認(rèn)值”有了更深的了解，不妨來實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！