一些語言——像Ruby,CoffeeScript及即將到來的javascript版本——在定義一個函數的時候,可以聲明默認參數,像下面這樣:
復制代碼 代碼如下:
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");
不幸的是,在當前的javascript版本,這種寫法的無效的。因此,我們能做些什麼來實現這種方式,使用我們現有的工具集?
最簡單的解決方式像這樣:
復制代碼 代碼如下:
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");
事實是一個被省略的參數在訪問時總是“undefined”。如果你只有一個參數,這是一個好的解決方式,當時如果有多個呢?
如果你多於一個參數,你可以使用一個對象作為參數,這樣有一個優點是每個參數都有一個明確的命名。如果你傳遞一個對象參數,你可以使用相同的方式聲明默認值。
復制代碼 代碼如下:
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"});
這是一個有點笨拙,如果你使用這種方式的地方很多,可以寫個封裝函數,幸運的是,現在好多庫中帶了相關方法,比如jQuery和Underscore中的extend方法。
下面使用Underscore的extend方法來實現上面相同的結果:
復制代碼 代碼如下:
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"});
這就是你如何能得到默認參數,在當前的javascript版本中。
文中不妥之處歡迎批評指正。