Es6 之箭头函数 初学

Posted 2020-08-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 值继承自外围作用域。