首页 > 技术文章 > Es6 之箭头函数 初学

zxyun 2016-09-01 17:05 原文

不积跬步,无以至千里;不积小流,无以成江海!

 


//
ES5 var selected = allJobs.filter(function (job) { return job.isSelected(); }); // ES6 var selected = allJobs.filter(job => job.isSelected());


当你只需要一个只有一个参数的简单函数时,可以使用新标准中的箭头函数,它的
语法非常简单:标识符=>表达式。你无需输入 function 和 return,一些小括号、大括
号以及分号也可以省略。



//
ES5 var total = values.reduce(function (a, b) { return a + b; }, 0); // ES6 var total = values.reduce((a, b) => a + b, 0);



这个函数的 s this 值是什么呢?
普通 function 函数和箭头函数的行为有一个微妙的区别, 箭头函数没有它自己的
this 值,箭头函数内的 this 值继承自外围作用域。

推荐阅读