JavaScript 中的 spread、default 和 rest 参数是什么？

ES6 中添加了 default、spread 和 rest 参数。

默认参数：如果函数调用中没有提供参数，则用于为参数提供默认值。

句法：

function fnName(param1 = defaultValue1, ..., paramN = defaultValueN) { 
   ...
}

示例 1：在下面的示例中，第一个函数给出结果 7，而第二个函数调用将是“未定义的”，因为我们没有传递任何第二个参数。

Javascript

    function add(a, b) {
        return a + b
    }
  
    console.log(add(5, 2)); // 7
    console.log(add(5)); // NaN

输出：

7
NaN

示例 2：在此示例中，我们使用默认参数，如果没有提供参数，我们通常会给出默认值。我们采用默认值“b”，因此在第二个函数调用中，我们不提供任何参数，而是采用其默认值。

Javascript

    function add(a, b = 3) {
        return a + b
    }
    console.log(add(5, 2))
    console.log(add(5))

输出：

7
8

传播运算符：  它是通过 ES6 提供的另一个运算符，它通常传播数组/列表的数据。

在以下示例中，我们正在计算所有数字的最小值

示例 1：

Javascript

    console.log(Math.min(1, 2, 3, -1)); 

输出：

-1

示例 2：假设我们有一个数组而不是一个列表，那么上面的 min()函数将不起作用，它会给出“NaN”。

Javascript

    // Without spread operator
    let arr = [1, 2, 3, -1];
  
    console.log(Math.min(arr)); // NaN

输出：

NaN

示例 3：当使用 ...arr 时，它通常会在 min()函数中传播 arr 值。

Javascript

    // Spread operator
    let arr = [1, 2, 3, -1];
  
    console.log(Math.min(...arr)); // -1

输出：

-1

休息运算符： 如果我们不确定将接收多少个参数，它允许函数接受不定数量的参数。

句法：

function f(a, b, ...args) {
    ...
}

示例：在下面的示例中，我们使用允许采用不定参数的rest参数。

Javascript

    function myFun(a, b, ...manyMoreArgs) {
        console.log("a", a)
        console.log("b", b)
        console.log("manyMoreArgs", manyMoreArgs)
    }
  
    myFun("one", "two", "three", "four", "five", "six");

输出：