当前位置: 移动技术网 > IT编程>开发语言>JavaScript > ES6中参数的默认值语法介绍

ES6中参数的默认值语法介绍

2018年05月10日  | 移动技术网IT编程  | 我要评论
前言 在es6如果函数参数没有值或未定义的,默认函数参数允许将初始值初始化为默认值。下面来看看详细的介绍吧。 语法 function [name]([pa

前言

在es6如果函数参数没有值或未定义的,默认函数参数允许将初始值初始化为默认值。下面来看看详细的介绍吧。

语法

function [name]([param1[ = defaultvalue1 ][, ..., paramn[ = defaultvaluen ]]]) 
{
 statements
}

描述

在javascript中,函数默认参数定义。然而,在某些情况下,设置不同的默认值可能是有用的。这是默认参数可以帮助的地方。

在过去,设置默认值的一般策略是在函数体中测试参数值,如果它们是未定义的就分配一个值。如果在下面的例子中,在调用过程中b没有提供值,它的值将是undefined 当对 a*b 求值并且调用这个乘法的时候将返回nan。

function multiply(a, b) {
var b = (typeof b !== 'undefined') ? b : 1;

return a*b;
}

multiply(5); // 5

在es6中设置默认参数,对函数体的检查是不必须的了。现在,你可以简单的在函数头设置默认值:

function multiply(a, b = 1) {
 return a*b;
}

multiply(5); // 5

例子

通过未定义

在第二个函数调用中,即使第二个参数明确地被设置为undefined(虽然不是null),但是这个函数的颜色参数有一个默认值。

function setbackgroundcolor(element, color = 'rosybrown') {
 element.style.backgroundcolor = color;
}

setbackgroundcolor(somediv);   // color set to 'rosybrown'
setbackgroundcolor(somediv, undefined); // color set to 'rosybrown' too
setbackgroundcolor(somediv, 'blue'); // color set to 'blue'

调用时求值

默认参数在调用时计算的,所以不像在python中,一个新的对象是每次调用函数创建。

function append(value, array = []) {
array.push(value);
return array;
}

append(1); //[1]
append(2); //[2], not [1, 2]

甚至适合于函数和变量

function callsomething(thing = something()) { return thing }

function something(){
 return "sth";
}

callsomething(); //sth

默认参数可以提供给以后的默认参数

已经遇到的参数可以提供给以后的默认参数:

function singularautoplural(singular, plural = singular+"s",
       rallyingcry = plural + " attack!!!") {
 return [singular, plural, rallyingcry ];
}

//["gecko","geckos", "geckos attack!!!"]
singularautoplural("gecko");

//["fox","foxes", "foxes attack!!!"]
singularautoplural("fox","foxes");

//["deer", "deer", "deer ... change."]
singularautoplural("deer", "deer", "deer peaceably and respectfully
 petition the government for positive change.")

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对移动技术网的支持。

如您对本文有疑问或者有任何想说的,请 点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网