ES6箭头函数是一种新的函数定义方式,它可以更简洁地定义函数,并且可以避免this指向的问题。
箭头函数的语法非常简单,可以用一个箭头“=>”表示函数的定义:
() => {
// 函数体
}
如果函数只有一个参数,可以省略参数的小括号:
x => {
// 函数体
}
如果函数的参数有多个,需要使用小括号:
(x, y) => {
// 函数体
}
箭头函数有以下几个特点:
由于箭头函数的特点,它在以下场景中非常适用:
以下是一些箭头函数的示例代码:
// 普通函数
function getName() {
return this.name;
}
// 箭头函数
const getName = () => this.name;
// 普通函数
function sum(x, y) {
return x + y;
}
// 箭头函数
const sum = (x, y) => x + y;
// 高阶函数
const map = (fn, arr) => arr.map(fn);