JS进阶-函数剩余参数

函数参数的使用细节，能够提升函数应用的灵活度。

动态参数

arguments是函数内部内置的伪数组变量，它包含了调用函数时传入的所有实参，只存在于函数里

function getSum() {
      let sum = 0
      for (let i = 0; i < arguments.length; i++) {
        sum += arguments[i]
      }
      console.log(sum)
    }
getSum(2, 3)

总结：

1.arguments是一个伪数组，没办法用数组自带的方法，只存在于函数中

2.arguments的作用是动态获取函数的实参

3.可以通过for循环依次得到传递过来的实参

剩余参数

剩余参数允许我们将一个不定数量的参数表示为一个数组

function getSum(...arr) {
    console.log(arr)//[1,2,3]
}
getSum(1, 2, 3)

1）...是语法符号，置于最末函数形参之前，使用场景：用于获取多余的实参

2）借助...获取的剩余实参，是个真数组

function config(baseURL, ...other) {
      console.log(baseURL)
      console.log(other)
}
config('http://baidu.com', 'get', 'json')

开发中，还是提倡多使用剩余参数。

展开运算符or剩余参数

剩余参数：函数参数使用，得到真数组

展开运算符：数组中使用，数组展开