ES6:函数参数默认值

最新推荐文章于 2024-07-12 08:38:43 发布
最新推荐文章于 2024-07-12 08:38:43 发布
阅读量3.8k 收藏 10
点赞数 2
分类专栏： # es6 web前端 文章标签： javascript es6/es7
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43856797/article/details/103960664
版权
本文介绍了在ES6之前，如何使用逻辑或( || )为函数参数设置默认值，接着详细阐述了ES6中函数参数默认值的用法，包括如何给不同位置的参数赋予默认值，并提醒注意不能用null替代undefined。最后补充了逻辑与( && )的特性，作为对比和补充。
摘要由CSDN通过智能技术生成

1. 逻辑或( || )实现默认值

在es6之前，逻辑或可以做到函数的参数设置默认值：

function showName(name) {
   
	var n = name || 'Tom';
	console.log(n);
}
showName()
最低0.47元/天 解锁文章
苦呀君
关注
专栏目录
ES6函数：方法设置默认值
jieweiwujie的博客
12-27 446
【代码】ES6函数：方法设置默认值。
ES6中参数的默认值语法介绍
11-29
前言 在ES6如果函数参数没有值或未定义的，默认函数参数允许将初始值初始化为默认值。下面来看看详细的介绍吧。 语法 function [name]([param1[ = defaultValue1 ][, ..., paramN[ = defaultValueN ]]]) { statements } 描述 在JavaScript中，函数默认参数定义。然而，在某些情况下，设置不同的默认值可能是有用的。这是默认参数可以帮助的地方。 在过去，设置默认值的一般策略是在函数体中测试参数值，如果它们是未定义的就分配一个值。如果在下面的例子中，在调用过程中b没有提供值，它的值将是undefined
Es6函数参数的默认值
最新发布
m0_64904350的博客
07-12 139
var fn = (a = '您是不是没传参数') => { console.log(a) }// 语法 function fn(形参1=默认值,形参2=默认值){}// console.log(a + b, '普通函数')// console.log(a, b, '普通函数')// es6 函数参数的默认值。
ES6函数参数的默认值
m0_67134595的博客
10-21 2310
ES6函数参数的默认值
es6函数参数的默认值
weixin_52512511的博客
07-06 242
function fn(形参1 = 默认值，形参2 = 默认值){}(形参1 = 默认值，形参2 = 默认值) => {}es6函数参数的默认值。
ES6参数默认值
周家大小姐
09-15 464
方式一: function makeAjaxRequest(url,method){ if(!method){//在METHOD没有值的情况下为GET method = "GET"; } return method;//GET } 方式二:\ function makeAjaxRequest(url,method = "get"){ ...
8.【ES6】函数的默认值
WANGtesting的专栏
10-09 346
1、知识点 定义函数时给出参数的默认值 2、实战 2.1 字符传参 /** * 1、定义一个函数，默认值为name="wx" * 2、输出${name} * 3、函数调用不传参，则直接输出默认值 * 4、传参数，则输出传参的值 */ function sayHelo(name = "wx"){ console.log(`Helo ${name}`); } sayHelo...
ES6函数中参数的默认值和解构赋值
千锋教育
05-10 945
●ES6允许按照一定的模式，从数组或对象中提取值，给变量进行赋值，称为解构赋值。●书写: 直接在书写形参的时候, 以赋值符号(=) 给形参设置默认值就可以了。●函数的默认值是给函数的形参设置一个默认值, 当你没有传递实参的时候来使用。●给函数的形参设置一个默认值, 当你没有传递实参的时候, 使用默认值。●语法：var {键名1, 键名2, 键名3, ... } = 对象。●语法：var [变量1,变量2, 变量3，....] = 数组。●会按照数组的索引依次把数组中的数据拿出来，赋值给对应的变量。
JavaScript全解析——ES6函数中参数的默认值和解构赋值
sdasadasds的博客
05-19 1560
ES6允许按照一定的模式，从数组或对象中提取值，给变量进行赋值，称为解构赋值。当你起了别名以后, 原先的键名不能在当做变量名使用了, 需要使用这个别名。函数的默认值是给函数的形参设置一个默认值, 当你没有传递实参的时候来使用。直接在书写形参的时候, 以赋值符号(=) 给形参设置默认值就可以了。给函数的形参设置一个默认值, 当你没有传递实参的时候, 使用默认值。会按照数组的索引依次把数组中的数据拿出来，赋值给对应的变量。数组怎么写, 解构怎么写，把数据换成变量。快速的从数组拿到数组中的数据。
ES6 函数默认值
yiyan12的专栏
03-15 703
1、ES6之前，函数如果需要默认值，需要在函数内额外处理，如：function log(x,y){ y = y || 'World' console.log(x,y); } log('Hello');//Hello World log('Hello','ES6');//Hello ES6 log('Hello','');//Hello World上述代码中第二行，检查y参数是否有值...
ES6-函数参数的默认值设置
Aaron_杀死庸碌的博客
05-28 225
ES6-函数参数的默认值设置 1. 形参附初始值，一般位置是靠后的。形参有初始值，实参没值，就用形参的初始值。形参有初始值，实参也有初始值，这时使用的就是实参的值了。 2. 默认值与解构赋值结合使用，在结构赋值的时候，给他附默认值。如果解构赋值没值，就用默认值，解构赋值有值就用下面的解构赋值。
ES6中函数的默认参数
weixin_44283589的博客
08-29 792
函数的length属性获取的是函数的参数个数。4.有默认值的函数的length属性。1、ES6可以给函数参数提供默认值。3.有默认值的形参最好放到最后。2、对象参数和默认值以及解构。ES5以及之前给参数默认值。...
ES6函数参数的默认值设置
u010234868的专栏
10-14 2590
ES6之前给函数参数设置默认值的方式为： function myFun(enable) { enable = enable || true; console.log(enable); } myFun(false); // true 上述代码中，当参数的赋值对应的是false时，赋值不起作用，而是使用了默认值。下面的代码也是同样的问题： function myFun(x, y) { x = x || 'hello'; y = y || 'world'; console.log
ES6——默认参数
weixin_54362381的博客
06-19 651
函数扩展之默认参数: 1、函数的形参可以设置默认值，默认值可以与前一个参数进行相加等运算，但不能和自身或后一个参数进行运算，否则报错； function add(a, b = 999) { console.log(a, b);//1,999 } 2、若函数未传其中的实参，就是使用形参的默认值，反之则取传入的实参； 没有默认值且什么都不传，则返回undefined； 有默认值且什么都不传，则返回默认值 有默认值且传入相应的值，则返回传入的值 function People({ name, age = 38
ES6 函数参数默认值
不知名人士的博客
06-29 224
在ES6以前，想给函数参数默认值我们是怎么做的呢？ const multiply = (x, y) => { if (typeof y ==='undefined') { y = 3; } return x * y; }; console.log(multiply(2)); // 6 这种形式有个很大的缺点，就是当函数形参有很多个时，想一个一个给默认值就比较麻烦了。在ES6出现后，这个问题得以解决???? const multiply = (x, y = 3) => x *
ECMAScript6新特性：函数参数默认值与解构赋值
"这篇文档主要介绍了函数参数的默认值这一ES6特性，以及在JavaScript中的应用，特别是如何在Vue框架中实现弹出框组件。文中通过对比ES5和ES6的差异，阐述了函数参数默认值的优势，如简洁性和可读性，并提供了多个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值