美文网首页
ES6中箭头函数Arrow Function

ES6中箭头函数Arrow Function

作者: winter_coder | 来源:发表于2017-08-15 10:30 被阅读0次

    箭头函数是es6中对于函数定义的简写形式,只是改变了写法,实际的概念和功能没有发生任何的变化,
    你无需输入function和return,一些小括号、大括号以及分号也可以省略。
    下边列出不同情况下的简写形式:

    1. 有一个参数形式:参数 => 返回表达式
    //ES5
    var selected= allJobs.filter( function(job){
      returnjob.isSelected();
    });
    //ES6
    var selected= allJobs.filter( job => job.isSelected() );
    
    1. 一个接受多重参数(也可能没有参数,或者是不定参数、默认参数参数解构)的函数
      函数表达式:(参数) => 返回表达式
    // ES5 
    var total=values.reduce (function(a,b){returna+b;}, 0);
    // ES6
    var total= values.reduce( (a,b)=>a+b , 0);
    

    3. 箭头函数还可以包含一个块语句:(参数) => {函数体;return 返回表达式;}**

    // ES5 
    $("#confetti-btn").click( function(event){ 
    playTrumpet();
    fireConfettiCannon();
    });
    // ES6
    $("#confetti-btn").click(event=>{
    playTrumpet();
    fireConfettiCannon();
    });
    

    puppy => {} 这种写法是定义一个没有任何行为的箭头函数,返回值是undefined

    相关文章

      网友评论

          本文标题:ES6中箭头函数Arrow Function

          本文链接:https://www.haomeiwen.com/subject/mjsmrxtx.html