ES6系列笔记-箭头函数

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>

5640239-1101c46a0f864b7d.png

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

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

//箭头函数数组排序

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

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

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

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

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

打印结果都是10


5640239-a44438635d18c30e.png

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>

5640239-537fe3dae3f81147.png

示例

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

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

相关推荐
©️2020 CSDN 皮肤主题: 书香水墨 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值