我希望JavaScript函数具有可选的参数,我在这些参数上设置了默认值,如果未定义值,则使用这些参数(如果传递了值,则忽略这些参数)。在Ruby中,您可以这样做:
def read_file(file, delete_after = false)
# code
end
这在JavaScript中有效吗?
function read_file(file, delete_after = false) {
// Code
}
我希望JavaScript函数具有可选的参数,我在这些参数上设置了默认值,如果未定义值,则使用这些参数(如果传递了值,则忽略这些参数)。在Ruby中,您可以这样做:
def read_file(file, delete_after = false)
# code
end
这在JavaScript中有效吗?
function read_file(file, delete_after = false) {
// Code
}
当前回答
function helloWorld(name, symbol = '!!!') {
name = name || 'worlds';
console.log('hello ' + name + symbol);
}
helloWorld(); // hello worlds!!!
helloWorld('john'); // hello john!!!
helloWorld('john', '(>.<)'); // hello john(>.<)
helloWorld('john', undefined); // hello john!!!
helloWorld(undefined, undefined); // hello worlds!!!
其他回答
作为更新。。。使用ECMAScript 6,您最终可以在函数参数声明中设置默认值,如下所示:
function f (x, y = 7, z = 42) {
return x + y + z
}
f(1) === 50
参考文件:http://es6-features.org/#DefaultParameterValues
未来之声
将来,您将能够将一个对象“散布”到另一个对象(目前截至2019年,Edge不支持!)-演示如何将其用于良好的默认选项,而不考虑顺序:
功能测试(选项){var选项={//默认值url:'defaultURL',some:“somethingDefault”,//使用输入选项覆盖…选项};var body=document.getElementsByTagName('body')[0];body.innerHTML+='<br>'+options.url+':'+options.some;}测试();测试({});测试({url:'myURL'});测试({some:'somethingOfMine');测试({url:'overrideURL',some:'andSomething'});测试({url:'overrideURL',一些:'andSomething',额外:'noProblem'});
MDN参考:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax
…同时,Edge支持的是Object.assign()(IE不支持,但我真的希望我们可以将IE留在后面:)
同样,你也可以这样做
功能测试(选项){var options=对象分配({//默认值url:'defaultURL',some:“somethingDefault”,},选项);//使用输入选项覆盖var body=document.getElementsByTagName('body')[0];body.innerHTML+='<br>'+options.url+':'+options.some;}测试();测试({});测试({url:'myURL'});测试({some:'somethingOfMine');测试({url:'overrideURL',some:'andSomething'});测试({url:'overrideURL',一些:'andSomething',额外:'noProblem'});
编辑:由于对常量选项的评论-在函数的其余部分使用常量选项的问题实际上并不是你不能做到这一点,而是你不能在它自己的声明中使用常量变量-你必须将输入命名调整为
function test(input_options){
const options = {
// defaults
someKey: 'someDefaultValue',
anotherKey: 'anotherDefaultValue',
// merge-in input options
...input_options
};
// from now on use options with no problem
}
如果出于某种原因,您不在ES6上,并且正在使用lodash,那么这里有一种通过_.defaultTo方法默认函数参数的简洁方法:
var fn=函数(a,b){a=_.defaultTo(a,'Hi')b=_.defaultTo(b,'妈妈!')控制台日志(a,b)}fn()//嗨,妈妈!fn(未定义,空)//嗨,妈妈!fn(NaN,NaN)//嗨,妈妈!fn(1)//1“妈妈!”fn(空,2)//高2fn(假,假)//假-假fn(0,2)//0 2<script src=“https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.min.js“></script>
如果当前值为NaN、null或undefined,将设置默认值
对于任何有兴趣在MicrosoftEdge中使用代码的人,不要在函数参数中使用默认值。
function read_file(file, delete_after = false) {
#code
}
在该示例中,Edge将抛出错误“Expected')'”
为了避免这种使用
function read_file(file, delete_after) {
if(delete_after == undefined)
{
delete_after = false;
}
#code
}
截至2016年8月8日,这仍然是一个问题
我注意到一些回答提到,使用默认参数对其他浏览器来说是不可移植的,但可以公平地指出,对于对现代JS功能支持有限的浏览器,可以使用像Babel这样的转换器将代码转换为ES5语法。
因此:
function read_file(file, delete_after = false) {
// Code
}
将被翻译成这样(在Babel REPL->中尝试https://babeljs.io/repl/):
"use strict";
function read_file(file) {
var delete_after =
arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
//Code...
}
当然,如果您无意使用转换,那么像其他人所演示的那样,在函数体中设置默认参数也是非常好的。