ES6(箭头函数)

书写规则

1.如果只有1个参数,()可以省;
2.如果只有1个return,{}可以省,return也可以省;

例1

var show=function(){
            console.log('abc')
        }

等效于

        var show=()=>{
            console.log('abc')
        }

例2

var show=function(a,b){
            console.log(a+b)
        }

等效于

        var show=(a,b)=>{
            console.log(a+b)
        }

例3

arr.sort(function(a,b){  //排序函数
        return a-b
    })

等效于

    arr.sort((a,b)=>a-b)

例4

var up=function(a){   //一个参数,一个返回值
        return a++
    }

等效于

var up=a=>a++

箭头函数配合if/else简写

有return

var judge=function(x){
            if(x>10){
                return 1
            }
            else{
                return 0
            }
        }

等效于

var judge=x=>x>10?1:0

无return

例1

var judge=function(x)
        {
            if(x>10){
                console.log('1')
            }
            else
            {
                console.log('0')
            }
        }

等效于

var judge=x=>x>10?console.log('1'):console.log('0')

例2

var judge=function(x){
            if(x>10){
                a=1
            }
            else{
                a=0
            }
        }

等效于

var judge=x=>a=x>10?1:0
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 箭头符号在JavaScript诞生时就已经存在,当初第一个JavaScript教程曾建议在HTML注释内包裹行内脚...
    程序员之路阅读 761评论 0 3
  • 箭头函数是什么?(What) 箭头函数 (Arrow Functions)也称“胖箭头函数”,是ES6全新的特性。...
    _LG_阅读 3,495评论 2 11
  • 箭头函数是ES6中的新特性,他为我们提供了一种全新的书写函数的方法 箭头函数优化了ES5的函数语法,不需要在写fu...
    捡破烂儿的阅读 471评论 0 5
  • 1 变量定义 let只在局部代码块中有效 const不希望修改,差不多跟常量一个意思吧 2 箭头函数 【主...
    新林吃遍世界阅读 348评论 0 0
  • 近年来心气浮躁,没啃什么大部头,小说什么的也只能读得进去网上流传的网文,纸书只看得进去图文并茂的游记。得出的经验是...
    小九的蜗牛阅读 317评论 0 1