DDR爱好者之家

ES6中参数的默认值语法介绍
站长资源 2024/11/27 佚名
15 1538
DDR爱好者之家 Design By 杰米

前言

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

语法

function [name]([param1[ = defaultValue1 ][, ..., paramN[ = defaultValueN ]]]) 
{
 statements
}

描述

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

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

function multiply(a, b) {
var b = (typeof b !== 'undefined') "htmlcode">



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.")





总结


以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对的支持。
DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
DDR爱好者之家 Design By 杰米