微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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. 如果函数只有一个参数,可以将小括号也省略

 

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐