ES6学习笔记七|函数的扩展

1. 函数参数的默认值

基本用法：

• ES6允许为函数的参数设置默认值，即直接写在参数定义的后面。
  function log(x, y = 'world') {
  console.log(x,y);
  }

    log('hello');  //hello world
    log('hello','china');  //hello china
    log('hello','');  //hello
  

• 参数变量是默认声明的，所以不能用let或const再次声明。否则报错。

---

与解构赋值默认值结合使用

• 当函数参数为对象，同时对象的属性有默认值时，如果调用时的参数不是对象，则会报错。如果参数对象没有带有默认值的属性，默认值生效。

下面两种方法的区别：

    //写法一
    function m1({x=0,y=0} = {}) {
        return [x,y];
    }

    //方法二
    function m2({x,y} = {x:0,y:0}) {
        return [x,y];
    }

上面两种方法都对函数的参数设定了默认值，区别是写法一函数参数的默认值是空对象，但是设置了对象解构赋值的默认值；写法二函数参数的默认值是一个有具体属性的对象，但是没有设置对象解构赋值的默认值。

//函数没有参数的情况
m1()  //[0,0]
m2()  //[0,0]

//x和y都有值的情况
m1({x:3,y:8})  //[3,8]
m2({x: 3, y: 8}) // [3, 8]

// x有值，y无值的情况
m1({x: 3}) // [3, 0]
m2({x: 3}) // [3, undefined]

// x和y都无值的情况
m1({}) // [0, 0];
m2({}) // [undefined, undefined]

m1({z: 3}) // [0, 0]
m2({z: 3}) // [undefined, undefined]

---

参数默认值的位置

• 一般默认值的参数应该是函数的尾参数，如果是非尾部的参数设置默认值，实际上这个参数是没法省略的。省略则报错。

---

函数的length属性

• 指定了默认值以后，函数的length属性，将返回没有指定默认值的参数个数。即指定了默认值后，length属性将失真。

原因：length属性的含义是，该函数预期传入的参数个数。

• 如果设置了默认值的参数不是尾参数，则length属性不再计入后面的参数。

---

作用域

• 如果参数默认值是一个变量，则该变量所处的作用域，与其他变量的作用域规则一样，即先是当前函数的作用域，然后才是全局作用域。

2. rest参数

• 形式为"..变量名"，用于获取函数的多余参数.
• rest参数之后不能再有其他参数，否则报错。
• 函数的length属性，不包括rest参数。

3. 扩展运算符

含义

• 扩展运算符是三个点（...）。将一个数组转为用逗号分隔的参数序列。

console.log(...[1,2,3])  // 1  2  3

---

替代数组的apply方法