ES6-箭头函数

<html>

<head>
    <title>ES6-箭头函数</title>
</head>

<body>




    <script>
        // 箭头函数提供了一种更加简洁的函数书写方式。基本语法是:
       //参数 => 函数体
       //单个参数情况
        {
          //传统写法
          var f1=function(a){
              return a;
          }
          console.log(f1("传统写法"));//打印:传统写法
         //箭头函数写法:即  方法名 =参数名=>返回值
          var f2=a=>a;
          console.log(f2("箭头函数写法"));//打印:箭头函数写法

        }
        console.log("----------------------多个参数情况:分割线-------------------------------");
        //多个参数情况
        {
            //传统写法
            var f1=function(a,b){
                let  result=a+b;
                return result;
            }
            console.log(f1(1,2));//3
            //箭头函数写法
            var f2=(a,b)=>a+b;
            console.log(f2(1,2));//3
        }
    </script>
</body>

</html>

 

posted @ 2020-09-26 22:21  KwFruit  阅读(91)  评论(0编辑  收藏  举报