Javascript中的默认参数详解
一些语言——像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版本中。
文中不妥之处欢迎批评指正。
相关文章
JavaScript入门教程(5) js Screen屏幕对象
这是基本JavaScript的屏幕对象2009-01-01
初学者经常碰到的,即获取HTML元素集合，循环给元素添加事件。在事件响应函数中(event handler)获取对应的索引。但每次获取的都是最后一次循环的索引。原因是初学者并未理解JavaScript的闭包特性。2014-11-11
javascript delete的一些技巧，主要是从对象中删除一个属性，或从数组中删除一个元素。具体的使用方法，可以参考下面的代码。2010-03-03
2008-01-01
这篇文章主要介绍了JavaScript中的事件机制,即JS与HTML的一般交互,需要的朋友可以参考下2015-06-06
这篇文章主要为大家介绍了javascript享元模式，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-01-01
这篇文章主要介绍了js闭包理解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
这篇文章主要介绍了JavaScript中的数字对象与字符串对象,是JavaScript入门学习中的基础知识,需要的朋友可以参考下2015-10-10
这篇文章主要为大家详细介绍了JavaScript实现简单计算器小功能，只学书上的理论是远远不够的，只有在实战中才能获得能力的提升，大家可以在本篇实例中查缺补漏，提升水平2021-11-11
这篇文章主要介绍了深入探讨javascript中的数据类型,需要的朋友可以参考下2015-03-03
最新评论