ES6系列笔记-箭头函数

王小婷

发布于 2019-12-24 15:30:22

3690

发布于 2019-12-24 15:30:22

文章被收录于专栏：编程微刊

ES6相关概念就不多解释啦，语法也成为了前端的主流，平时在很多场景开发中都会遇到，一下是关于ES6系列笔记的一些记录~

1：普通写法和箭头函数

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
    <script>
    
        
        //箭头函数
         let  show=(a,b)=>{
            console.log(a+b);
         }
         show(1,6)
    </script>
</html>

2：数组排序 //数组排序一般写法

        let arr = [1, 23, 45, 67, 3, 2, 22];
        arr.sort(function(n1, n2) {
            return n1 - n2;
        });
        console.log(arr)

//箭头函数数组排序

        let arr = [1, 23, 45, 67, 3, 2, 22];
        arr.sort((n1, n2) => {
            return n1 - n2;
        });
        console.log(arr)

3:只有一个参数的时候，()可以省略只有一个参数的时候,写法是这样的

let  show=(a)=>{
return a*2;
}
console.log(show(5))

()可以省略，写法是这样的

//只有一个参数 的时候()可以省略
let  show=a=>a*2;
console.log(show(5))

打印结果都是10

4：只有一个return的时候，{}可以省略

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
    <script>
        // let arr = [1, 23, 45, 67, 3, 2, 22];
        // arr.sort((n1, n2) => {
        //  return n1 - n2;
        // });
        // console.log(arr)
        //只有一个return的时候，{}可以省略      
        //箭头函数数组排序,省略花括号
        let arr = [1, 23, 45, 67, 3, 2, 22];
        arr.sort((n1, n2) => n1 - n2);
        console.log(arr)
    </script>
</html>

示例

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
    <script>
        
        //箭头函数
        // let  show=(a,b)=>{
        //  alert(a+b);
        // }
        // show(1,6)
        
        //数组排序
        // let  arr=[1,23,45,67,3,2,22];
        // arr.sort(function(n1,n2){
        //  return  n1-n2;
        // });
        // alert(arr)
        
        //箭头函数数组排序
        // let  arr=[1,23,45,67,3,2,22];
        // arr.sort((n1,n2)=>{
        //  return  n1-n2;
        // });
        // alert(arr)
        
        //圆括号可以省略
        // let  show=(a)=>{
        //  return a*2;
        // }
        // alert(show(12))
        
        //只有一个参数 的时候()可以省略
        // let  show=a=>a*2;
        // alert(show(3))
        
        //箭头函数数组排序,省略花括号
        // let  arr=[1,23,45,67,3,2,22];
        // arr.sort((n1,n2)=>n1-n2);
        // alert(arr)
         //只有一个参数的时候，()可以省略
        // 只有一个return的时候，{}可以省略
    </script>
</html>

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除

编程算法