ES语法箭头函数

ES6语法箭头函数

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>箭头函数</title>
</head>

<body>
    <script>
        //普通函数
        function fn() {
            alert("普通函数");
        }
        //fn();

        var fn1 = function () {
            alert("这也是个普通函数");
        }
        //fn1();

        //箭头函数
        var fn2 = () => {
            alert("箭头函数");
        }
        //fn2();
        //():代表函数,
        //=>:必须的函数.指向代码块
        //{}:函数体
        //var fn=()=>{}代表将一个函数赋值给fn

        //普通函数
        var sum = function (num1, num2) {
            return num1 + num2;
        }
        //alert(sum(1, 2));
        //es6写法
        var sum1 = (num1, num2) => {
            return num1 + num2;
        }
        //alert(sum1(3, 4));
        //如果函数体中只有一句代码,且代码的执行结果就是返回值,可以省略大括号
        var sum2 = (num1, num2) => num1 + num2;
        //alert(sum2(5, 6));

        //如果形参只有一个,可以省略小括号
        function fun(v) {
            return v;
        }
        //es6写法
        var fun1 = (v) => {
            return v;
        }

        var fun2 = v => v;
        alert(fun(1) + fun1(2) + fun2(3));
    </script>
</body>

</html>
posted @ 2021-09-02 10:38  丁帅帅dss  阅读(56)  评论(0)    收藏  举报