箭头函数

<body>
    <script>
      // // 函数表达式
      // const fun = function () {
      //   console.log("我是函数表达式");
      // };
      // fun(); //不可以在下面调用 匿名函数没有函数提升
      // 箭头函数 不存在函数提升
      // const fun1 = () => {
      //   console.log("我是箭头函数");
      // };
      // fun1();
      // // 参数

      // const fn = (num, num1) => {
      //   console.log("我是箭头函数我也可以正常有形参 实参");
      // };
      // fn(1, 2);
      // 1.如果形参只有一个参数 形参的小括号可以省略
      // const fun = a => {
      //   console.log(a);
      // };
      // fun(1);
      // 2.如果函数体只有一行代码 可以省略大括号
      const fun1 = (a) => console.log(a);

      fun1(3);
      // 3.如果返回值只有一行代码 return也可以省略
      const fun2 = (a, b) => a + b;

      fun2(3, 7);
      console.log(fun2(3, 7));

      // 4.箭头函数可以返回一个对象 用小括号包裹({})
      const obj = (name) => {
        return { uname: name };
      };
      obj("周杰伦");
      console.log(obj("周杰伦"));
      // 优化
      const obj1 = (name) => ({ uname: name });

      obj1("周周");
      console.log(obj1("周周")); //3.箭头函数可以返回一个对象 用小括号包裹({})
    </script>
  </body>

 

<body>
    <script>
         箭头函数没有动态参数argumens   但可以使用剩余参数...res
      // 1. 利用箭头函数来求和
      const getSum = (...res) => {
        console.log(res); //[1, 3, 4, 5, 6, 77, 1, 88]
        let sum = 0;
        // 方法1
        // 用map来循环、、用map来处理数据返回一个新数组
        // res.map(function (item) {
        //   {
        //     sum += item;
        //   }
        // });
        // return sum;
        // 方法2
        for (i = 0; i < res.length; i++) {
          sum += res[i];
        }
        return sum;
      };
      const res = getSum(1, 3, 4, 5, 6, 77, 1, 88);
      console.log(res);
    </script>
  </body>

 

posted @ 2022-11-29 16:24  噢噢噢J  阅读(14)  评论(0编辑  收藏  举报