Javascript中的默認(rèn)參數(shù)詳解

更新時(shí)間：2014年10月22日 10:23:03 投稿：hebedich

本文詳細(xì)介紹了javascript中的默認(rèn)參數(shù)問(wèn)題，非常的詳細(xì)，希望對(duì)大家能有所幫助

一些語(yǔ)言——像Ruby,CoffeeScript及即將到來(lái)的javascript版本——在定義一個(gè)函數(shù)的時(shí)候，可以聲明默認(rèn)參數(shù)，像下面這樣：

復(fù)制代碼代碼如下:

function myFunc(param1, param2 = "second string") {
console.log(param1, param2);
}

// Outputs: "first string" and "second string"
myFunc("first string");

// Outputs: "first string" and "second string version 2"
myFunc("first string", "second string version 2");

不幸的是，在當(dāng)前的javascript版本，這種寫(xiě)法的無(wú)效的。因此，我們能做些什么來(lái)實(shí)現(xiàn)這種方式，使用我們現(xiàn)有的工具集？

最簡(jiǎn)單的解決方式像這樣：

復(fù)制代碼代碼如下:

function myFunc(param1, param2) {
    if (param2 === undefined) {
        param2 = "second string";
    }

console.log(param1, param2);
}

// Outputs: "first string" and "second string version 2"
myFunc("first string", "second string version 2");

事實(shí)是一個(gè)被省略的參數(shù)在訪問(wèn)時(shí)總是“undefined”。如果你只有一個(gè)參數(shù)，這是一個(gè)好的解決方式，當(dāng)時(shí)如果有多個(gè)呢？

如果你多于一個(gè)參數(shù)，你可以使用一個(gè)對(duì)象作為參數(shù)，這樣有一個(gè)優(yōu)點(diǎn)是每個(gè)參數(shù)都有一個(gè)明確的命名。如果你傳遞一個(gè)對(duì)象參數(shù)，你可以使用相同的方式聲明默認(rèn)值。

復(fù)制代碼代碼如下:

function myFunc(paramObject) {
    var defaultParams = {
        param1: "first string",
        param2: "second string",
        param3: "third string"
    };

var finalParams = defaultParams;

    // We iterate over each property of the paramObject
    for (var key in paramObject) {
        // If the current property wasn't inherited, proceed
        if (paramObject.hasOwnProperty(key)) {
            // If the current property is defined,
            // add it to finalParams
            if (paramObject[key] !== undefined) {
                finalParams[key] = paramObject[key];
            }
        }
    }

    console.log(finalParams.param1,
                finalParams.param2,
                finalParams.param3);
}
myFunc({param1: "My own string"});

這是一個(gè)有點(diǎn)笨拙，如果你使用這種方式的地方很多，可以寫(xiě)個(gè)封裝函數(shù)，幸運(yùn)的是，現(xiàn)在好多庫(kù)中帶了相關(guān)方法，比如jQuery和Underscore中的extend方法。

下面使用Underscore的extend方法來(lái)實(shí)現(xiàn)上面相同的結(jié)果：

復(fù)制代碼代碼如下:

function myFunc(paramObject) {
    var defaultParams = {
        param1: "first string",
        param2: "second string",
        param3: "third string"
    };

var finalParams = _.extend(defaultParams, paramObject);

    console.log(finalParams.param1,
                finalParams.param2,
                finalParams.param3);
}

// Outputs:
// "My own string" and "second string" and "third string"
myFunc({param1: "My own string"});

這就是你如何能得到默認(rèn)參數(shù)，在當(dāng)前的javascript版本中。

文中不妥之處歡迎批評(píng)指正。

您可能感興趣的文章: