front-end-77
/
09-剩余运算符.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no"
    />
    <title>09-剩余运算符.html</title>
    <style>
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
    </style>
  </head>
  <body>
    <script>
      /*
      剩余运算符 是一种比较方便我们获取数据的方式
       */

      // const arr = ['a', 'b', 'c', 'd'];
      // // const [letter1, letter2] = arr;
      // // console.log(letter1,letter2);
      // // 希望可以获取到 剩下所有 元素  都放在新的数组中
      // const [let1, let2, let3, let4, ...list] = arr;
      // console.log(list);

      // const obj = { a: 1, b: 2, c: 3, d: 4 };

      // const { a, b, c, d, ...obj2 } = obj;
      // // console.log(a);
      // console.log(obj2);


      // 假设需求 封装一个函数 自动帮我计算 传入数据的 总和

      // calc(1);// 1
      // calc(1,2);// 3
      // calc(1,2,3);// 6
      calc();


      function calc(...params) {
        // params 可以获取到所有 传递给 calc 的参数 封装到一个数组中
        console.log(params);
        // 对数组做什么业务 都可以   计算总和  计算 最大值 最小值
      }


    </script>
  </body>
</html>