ES6 箭头函数

最新推荐文章于 2025-04-25 16:12:41 发布

I wish I could do it

最新推荐文章于 2025-04-25 16:12:41 发布

阅读量114

点赞数

分类专栏： # ES6入门

本文链接：https://blog.youkuaiyun.com/cumt0/article/details/113786994

版权

javascript

ES6入门专栏收录该内容

6 篇文章

订阅专栏

<!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>Document</title>
</head>
<body>
    <script>
        var sum=function(a,b){
            return a+b;
        }
        
        //箭头函数-改进1
        var sum=(a,b)=>{
            return a+b;
        }

        //箭头函数-改进2(在函数体中只有一个return的情况下)
        var sum=(a,b)=>a+b;

        //箭头函数改进规律：
        //1.取得function
        //2.在括号后面加箭头
        //3.如果逻辑代码仅有return可以直接省去（如果其中还包含除return以外的逻辑体，则不能省去），如：
        //4.如果参数只有一个，则参数旁的括号可以省去
        var sum=(a,b)=>{
            var res=a+b;
            return res;
        }

        var arr=[1,2,3,4,5];
        var arr2=arr.map(function(obj){
            return obj*2;
        })
        
        //改变
        var arr2=arr.map(obj=>obj*2);
        console.log(arr2);
    </script>
</body>
</html>