ES6笔记（一）：箭头函数

时间：2022/01/11

箭头函数的示例代码：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
        <script>
            // 箭头函数
            var sum = function(a){
                return 2*a;
            }

            // 箭头函数-改进1
            var sum1 = (a) => {
                return 2*a;
            }

            // 箭头函数-改进2
            var sum2 = (a) => 2*a;

            // 箭头函数-改进3
            var sum3 = a => 2*a;

            //打印查看结果
            console.log("箭头函数：" + sum(1));
            console.log("箭头函数1：" + sum1(1));
            console.log("箭头函数2：" + sum2(1));
            console.log("箭头函数3：" + sum3(1));

            
        </script>
    </body>
</html>

使用规律：

1. 去掉function

2. 在小括号后面加箭头

3. 如果大括号里面只有一行return代码，即没有逻辑代码，可以将大括号省略

4. 如果函数只有一个参数，可以将小括号也省略

努力,向上,自律