ES6中箭头函数Arrow Function

箭头函数是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

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

推荐阅读更多精彩内容

  • 在此处先列下本篇文章的主要内容 简介 next方法的参数 for...of循环 Generator.prototy...
    醉生夢死阅读 5,268评论 3 8
  • 86.复合 Cases 共享相同代码块的多个switch 分支 分支可以合并, 写在分支后用逗号分开。如果任何模式...
    无沣阅读 5,300评论 1 5
  • 带读人:Eliza 资深媒体策划人,一个爱读书、爱思考、爱探索、爱做梦的男宝妈,一只被孩子点化的Lucy(对于这句...
    sofenia阅读 3,520评论 1 50
  • 今天,去必胜客吃了一回正牌披萨,以前没吃过总是心心念念着披萨披萨。 记得第一次吃披萨是在高三的时候,寝室有个妹子,...
    只有云知晓阅读 1,105评论 0 1
  • 《超级个体-伽蓝214》362/365,11.8打卡,阴雨 【三件事】 1. [ ] 第一要务:原型设计60% 2...
    伽蓝214阅读 1,202评论 0 0