ES6中的箭头函数怎么用

在ES6中，箭头函数是一种简洁的函数表示方法，它使用=>符号来定义。箭头函数有以下几种使用场景：

1. 简单函数：

const add = (a, b) => a + b;
console.log(add(1, 2)); // 输出：3

2. 多行函数：

const multiply = (a, b) => {
  const result = a * b;
  return result;
};
console.log(multiply(2, 3)); // 输出：6

3. 无参数函数：

const sayHello = () => {
  console.log('Hello!');
};
sayHello(); // 输出：Hello!

4. 单个参数函数：

const square = x => x * x;
console.log(square(4)); // 输出：16

5. 对象方法：

const obj = {
  name: 'John',
  sayName: () => console.log(this.name)
};
obj.sayName(); // 输出：undefined，因为箭头函数的this指向全局对象

6. 数组方法：

const numbers = [1, 2, 3, 4, 5];

// 使用箭头函数作为map方法的回调函数
const doubledNumbers = numbers.map(x => x * 2);
console.log(doubledNumbers); // 输出：[2, 4, 6, 8, 10]

// 使用箭头函数作为filter方法的回调函数
const evenNumbers = numbers.filter(x => x % 2 === 0);
console.log(evenNumbers); // 输出：[2, 4]

箭头函数的特点：

• 箭头函数没有自己的this，它会捕获其所在上下文的this值。这在处理事件监听器和回调函数时非常有用。
• 箭头函数不能用作构造函数，因此不能使用new关键字实例化。
• 箭头函数没有arguments对象，可以使用剩余参数（rest parameters）来获取函数的参数。