首页 > 其他 > 详细

ES6-箭头函数

时间:2020-09-26 22:58:01      阅读:63      评论:0      收藏:0      [点我收藏+]
<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>

 

ES6-箭头函数

原文:https://www.cnblogs.com/mangoubiubiu/p/13737046.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!