ES6 函数参数默认值处理

ES6允许为函数参数设置默认值,带来更简洁的语法。这些参数在声明时会形成一个独立的作用域,并且可以与解构赋值结合使用。如果省略指定为默认值的参数,会抛出错误。此外,rest参数允许获取多余的函数参数,替代使用arguments对象。需要注意,若函数参数使用了默认值等特性,内部不能设定为严格模式。
摘要由CSDN通过智能技术生成

ES6 新规范中可以给函数的参数指定默认值。
浏览器支持:

//ES5 的一种变通方法
function run(x){
   
  x = x === undefined ? 0 : x;
  console.log(x)
}
run();            //0
run(false);       //false
run(8);           //8

//ES6 新增
function run(x=0){
   
  console.log(x)
}
run();               //0
run(false);          //false
run(8);              //8

需要注意的几种情况:

//1.参数变量是默认声明的,所以不能用let或const再次声明。
function foo(x = 5) {
   
  let x = 1;                        // 报错!
  const x = 2;                      // 报错!
}

//2.使用参数默认值时,函数不能有同名参数。
function foo(x, x, y) {
    }           // 不报错
function foo(x, x, y = 1) {
    }       // 报错!

//3.参数默认值不是传值的,而是每次都重新计算默认值表达式的值。
let x = 99
function foo(p = x + 1) {
   
  console.log(p);
}
foo();               // 100
x = 100;
foo();               // 101

//4.undefined 会触发该参数取默认值,null 则没有这个效果,
//并且设置了默认值的形参不能传空字符串参数。
function f(x, y = 5, z) {
   
  return [x, y, z];
}
f();                       // [undefined, 5, undefined]
f(1);                      // [1, 5, undefined]
f(1,undefined,null);       // [1, 5, null]    
f(1,,);                    // 报错!
f(1, ,2);                  // 报错!

//5.指定了默认值以后,函数的length属性,将返回没有指定默认值的参数个数。
//也就是说,指定了默认值后,length属性将失真。
(function(...args) {
   }).length            // 0
(function (a) {
   }).length          
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值