ES6箭头函数是一种新的函数定义方式,可以让代码更简洁易读。箭头函数使用箭头符号 =>
来定义,语法如下:
(param1, param2, …, paramN) => { statements }
其中,参数列表可以是零个或多个参数,如果只有一个参数可以省略括号;函数体可以是一条语句或多条语句,如果只有一条语句可以省略花括号。
箭头函数还有以下特点:
this
,它的 this
指向定义时所在的上下文环境,也就是说它的 this
是静态的,不会因为执行上下文的变化而改变。this
。arguments
对象,可以使用剩余参数 ...args
来代替。return
关键字,如果函数体只有一条语句,并且该语句是一个表达式,那么该表达式的值就是函数的返回值。下面是一些使用箭头函数的示例:
// 无参数的箭头函数
const sayHello = () => console.log('Hello World')
// 带一个参数的箭头函数
const double = x => x * 2
// 带多个参数和多条语句的箭头函数
const sum = (a, b) => {
const result = a + b
return result
}
// 使用剩余参数的箭头函数
const concat = (...args) => args.join('')
// 使用箭头函数作为回调函数
const numbers = [1, 2, 3, 4, 5]
const doubledNumbers = numbers.map(x => x * 2)