ECMAscript新特性 - 箭头函数 Arrow functions

249 阅读1分钟

在 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)