Javascript中的默認(rèn)參數(shù)詳解
一些語(yǔ)言——像Ruby,CoffeeScript及即將到來(lái)的javascript版本——在定義一個(gè)函數(shù)的時(shí)候,可以聲明默認(rèn)參數(shù),像下面這樣:
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)單的解決方式像這樣:
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)值。
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é)果:
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)指正。
相關(guān)文章
Javascript數(shù)組循環(huán)遍歷之forEach詳解
本篇文章主要介紹了Javascript 數(shù)組循環(huán)遍歷之forEach詳解,對(duì)學(xué)習(xí)forEach有很好的幫助,有需要的可以了解一下。2016-11-115個(gè)最頂級(jí)jQuery圖表類庫(kù)插件【jquery插件庫(kù)】
這篇文章主要介紹了5個(gè)最頂級(jí)jQuery圖表類庫(kù)插件【jquery插件庫(kù)】,需要的朋友可以參考下2016-05-05簡(jiǎn)單介紹JavaScript的變量和數(shù)據(jù)類型
這篇文章主要介紹了簡(jiǎn)單介紹JavaScript的變量和數(shù)據(jù)類型,是JS入門(mén)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06對(duì)JavaScript的全文搜索實(shí)現(xiàn)相關(guān)度評(píng)分的功能的方法
這篇文章主要介紹了對(duì)JavaScript的全文搜索實(shí)現(xiàn)相關(guān)度評(píng)分的功能的方法,采用了一個(gè)名為Okapi BM25的算法,文中亦有介紹,需要的朋友可以參考下2015-06-06緩動(dòng)函數(shù)requestAnimationFrame 更好的實(shí)現(xiàn)瀏覽器經(jīng)動(dòng)畫(huà)
requestAnimationFrame是什么?一直是我們大家所疑惑的,緩動(dòng)函數(shù)requestAnimationFrame 更好的實(shí)現(xiàn)瀏覽器經(jīng)動(dòng)畫(huà),接下來(lái)將為大家詳細(xì)介紹2012-12-12關(guān)于javascript中的typeof和instanceof介紹
typeof用來(lái)檢測(cè)給定變量的數(shù)據(jù)類型 instanceof用來(lái)檢測(cè)對(duì)象的類型2012-12-12