ES6 箭头函数

最新推荐文章于 2024-02-12 08:00:00 发布

I wish I could do it

最新推荐文章于 2024-02-12 08:00:00 发布

阅读量86

点赞数

分类专栏： # ES6入门文章标签： javascript

本文链接：https://blog.csdn.net/cumt0/article/details/113786994

版权

ES6入门专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<!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>

I wish I could do it

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
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>Doc
复制链接

扫一扫

专栏目录