美文网首页
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

相关文章

  • JS:箭头函数(ES6标准)

    Arrow Function(箭头函数)。 ES6标准新增了一种新的函数:Arrow Function(箭头函数)...

  • Javascript 箭头函数

    箭头函数 ES6标准新增了一种新的函数:Arrow Function(箭头函数)。 为什么叫Arrow Funct...

  • 箭头函数

    箭头函数 ES6标准新增了一种新的函数:Arrow Function(箭头函数)。 为什么叫Arrow Funct...

  • 箭头函数表达式

    ES6标准新增了一种新的函数:Arrow Function(箭头函数)。为什么叫Arrow Function?因为...

  • ES6箭头函数与普通函数的区别

    ES6标准新增了一种新的函数:Arrow Function(箭头函数)。 为什么叫Arrow Function?因...

  • 箭头函数与普通函数的区别

    ES6标准新增了一种新的函数:Arrow Function(箭头函数)。 为什么叫Arrow Function?因...

  • javascript箭头函数、匿名函数

    箭头函数 箭头函数(Arrow Function)是ES6标准新增的函数,基本格式:(...参数)=>{函数声明}...

  • JavaScript中的箭头函数详解

    什么是箭头函数? ES6标准新增了一种新的函数:Arrow Function(箭头函数)。箭头函数相当于匿名函数,...

  • 箭头函数介绍

    ES6标准新增了一种新的函数:Arrow Function(箭头函数)。箭头函数与传统的JavaScript函数主...

  • Javascript教程(十二)箭头函数

    ES6标准新增了一种新的函数:Arrow Function(箭头函数)。箭头函数相当于匿名函数,并且简化了函数定义...

网友评论

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

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