在 ECMAscript 2015 当中还简化了函数表达式的定义方式,可以使用箭头的符合的形式定义函数。这种形式一来简化了函数的定义、二来多了一些新特性。具体来看,首先来看语法。传统方式定义一个函数表达式,要通过 function 关键词去定义,现在可以使用 ES2015 的箭头函数定义一个完全相同的函数。
function inc (number) {
return number + 1
}
// 等价于
const inc =
n // 参数列表,如果有多个参数,可以使用圆括号的方式(a, b, c, ...)
=>
n + 1 // 函数体,这里已有一句表达式,它的执行结果就会作为函数的返回值返回,如果有多条语句
// 可以使用{}来包裹,使用了花括号后返回值就需要手动使用 return 关键词
console.log(inc(100))
箭头函数最主要的变化就是极大的简化了回调函数的编写
const arr = [1, 2, 3, 4, 5, 6, 7]
arr.filter(function (item) {
return item%2
})
// 箭头函数的形式
arr.filter(i => i%2)