资讯专栏INFORMATION COLUMN

js函数参数默认值设置

Charlie_Jade / 3476人阅读

摘要:中给出了函数的默认值设置,下面简单介绍几种设置默认参数的方法一基本用法二与解构赋值默认值结合这种写法在传入多个形参时可以不按顺序写入,会方便很多,可是会有个问题,每次都要传就会显得很麻烦,于是我们可以再设置一次默认值三双重默认值这种写法就不

ES6中给出了函数的默认值设置,下面简单介绍几种设置默认参数的方法

一.基本用法
function first(x = 1, y = 2) {
console.log("x:"+x ,"y:"+ y);
}
first();
first(100);

二.与解构赋值默认值结合
function second({x, y = 2}) {
console.log("x:"+x ,"y:"+ y);
}
second({});
second({x:100});
second({x:100,y:200});

这种写法在传入多个形参时可以不按顺序写入,会方便很多,可是会有个问题,每次都要传“{}”就会显得很麻烦,于是我们可以再设置一次默认值

三.双重默认值
function third({x = 1 ,y = 2} = {}) {
console.log("x:"+x ,"y:"+ y);
}
third();
third({x:100,y:200});
third({x:100});

这种写法就不会出现易错的情况啦

四.总结

以后再进行封装函数时应改用默认值设置,特别是某些多参数的函数

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/99182.html

相关文章

  • js函数参数设置默认

    摘要:问题描述之前写函数,都没设置过默认值,因为是做后端出身,所以在给参数设置默认值的时候,直接用了的语法,是好用的,在苹果机上的某些版本的也是好用的,但是其实我的写法是错误的,某些情况下,就报错了。 问题描述 之前写js函数,都没设置过默认值,因为是做后端php出身,所以在给参数设置默认值的时候,直接用了php的语法,Firefox是好用的,在苹果机上的某些版本的chrome也是好用的,但...

    B0B0 评论0 收藏0
  • ES6解构 - 解构函数参数

    摘要:解构可以用在函数传递参数的过程中。以上的问题我们可以通过使用解构参数来得到解决改造成了解构参数其他代码在这个例子里面我们使用解构参数改写了函数声明,这样使用者能明确知道第三个参数是一个对象以及对象里需要的属性。 解构可以用在函数传递参数的过程中。我先先来看一下没有用到解构参数的例子,之后我们把它改造成解构参数。一:解构参数的使用场景1: 没有用到解构参数 function setCoo...

    wayneli 评论0 收藏0
  • 【Amaple教程】5. 插件

    摘要:参数为循环遍历时的回调函数,它分别接收遍历项的值遍历下表遍历变量本身三个参数,当回调函数返回时将结束本次循环,而且此时执行结束后也将会返回一个,这在结束多层循环遍历时很有用,开发者可以通过再次推出上层循环。 Amaple 拥有非常强大插件功能,这也是它的突出功能之一,Amaple插件一般表现为功能块(函数)或功能块(包含一系列函数和属性的Object对象),它除了支持Amaple规范...

    andot 评论0 收藏0
  • 【Amaple教程】5. 插件

    摘要:参数为循环遍历时的回调函数,它分别接收遍历项的值遍历下表遍历变量本身三个参数,当回调函数返回时将结束本次循环,而且此时执行结束后也将会返回一个,这在结束多层循环遍历时很有用,开发者可以通过再次推出上层循环。 Amaple 拥有非常强大插件功能,这也是它的突出功能之一,Amaple插件一般表现为功能块(函数)或功能块(包含一系列函数和属性的Object对象),它除了支持Amaple规范...

    ztyzz 评论0 收藏0

发表评论

0条评论

Charlie_Jade

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<