前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >ES6系列笔记-箭头函数

ES6系列笔记-箭头函数

作者头像
王小婷
发布2019-12-24 15:30:22
3690
发布2019-12-24 15:30:22
举报
文章被收录于专栏:编程微刊

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

1:普通写法和箭头函数

代码语言:javascript
复制
<!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:数组排序 //数组排序一般写法

代码语言:javascript
复制
        let arr = [1, 23, 45, 67, 3, 2, 22];
        arr.sort(function(n1, n2) {
            return n1 - n2;
        });
        console.log(arr)

//箭头函数数组排序

代码语言:javascript
复制
        let arr = [1, 23, 45, 67, 3, 2, 22];
        arr.sort((n1, n2) => {
            return n1 - n2;
        });
        console.log(arr) 

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

代码语言:javascript
复制
let  show=(a)=>{
return a*2;
}
console.log(show(5))

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

代码语言:javascript
复制
//只有一个参数 的时候()可以省略
let  show=a=>a*2;
console.log(show(5))

打印结果都是10

4: 只有一个return的时候,{}可以省略

代码语言:javascript
复制
<!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>

示例

代码语言:javascript
复制
<!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 删除

本文分享自 作者个人站点/博客 前往查看

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

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档