前端进阶ES6-----箭头函数

 

 

<script>
        // 正常的函数表达式
        var fn = function(){console.log('我是正常函数表达式。')};

        // 调用
        fn();


        // 箭头函数
        var ft = () => {console.log('我是箭头函数。')};

        // 调用
        ft();


        /*
        箭头函数特殊之处

        1.箭头函数某些识货可以省略 ()
        => 当你的形参只有一个的时候，可以不写 ()


        2.箭头函数某些时候可以忽略{}
        => 当你的代码只有一句话的时候，可以不写 {}
        => 并且会自动把这一句haul的结果当做函数的返回值


        3.箭头函数没有 arguments


        4.箭头函数内没有 this 
        => 箭头函数内没有 this 就是外部作用域的 this
        
        */



        // 1
        var fn1 = () => {console.log('我没有形参，不可省略()')};
        fn1();

        var fn2 = a => {console.log('我有一个形参，可以忽略()')};
        fn2(100);

        var fn3 = (a,b) => {console.log("我有两个形参，不可以忽略()")}
        fn3(100,200);



        // 2
        // 求和
        var fn1 =(a,b) => a+b;
        console.log(fn1(10,20));


    </script>