箭头函数是什么

箭头函数是一种简写函数的语法，也称为lambda函数或者箭头表达式。它使用箭头(=>)来定义函数，通常用于定义匿名函数或回调函数。

箭头函数有以下几个特点：

1. 箭头函数总是匿名的，因为它们没有函数名。

2. 箭头函数没有自己的this，它们使用父级作用域中的this。

3. 箭头函数的参数列表放在括号中，如果没有参数则可以省略括号。

4. 如果箭头函数只有一行代码，它可以省略花括号和return关键字，该行代码会自动成为返回值。

例如：

const sum = (a, b) => a + b;
const double = (x) => {
  return x * 2;
};
const sayHello = () => console.log("Hello!");

箭头函数更加简洁明了，特别是在使用高阶函数时，可以极大地简化代码。

箭头函数的参数赋值与普通函数的参数赋值类似，只是有些细节需要注意。

1. 可以在参数列表中直接赋初值

箭头函数的参数列表中允许对参数直接赋初值。例如：

const sum = (a = 0, b = 0) => a + b;
console.log(sum()); // 0
console.log(sum(1)); // 1
console.log(sum(1, 2)); // 3

在这个例子中，如果不传入参数则默认为0，如果只传入一个参数则另一个参数默认为0，如果传入两个参数则直接相加。

2. 可以使用解构赋值

箭头函数中也可以使用解构赋值，例如：

const sum = ({ x = 0, y = 0 }) => x + y;
console.log(sum({ x: 1, y: 2 })); // 3

在这个例子中，参数使用了解构赋值，如果不传入参数则会报错，如果传入的参数没有x和y，则使用默认值0，否则将x和y相加。

3. 可以使用剩余参数

箭头函数中也可以使用剩余参数语法，例如：

const sum = (...args) => args.reduce((a, b) => a + b, 0)
console.log(sum(1, 2, 3, 4)); // 10

在这个例子中，使用剩余参数语法将传入的参数打包成数组args，然后使用reduce方法将数组中的元素相加，得到总和10。

总之，箭头函数的参数赋值与普通函数类似，只需留意细节即可。

箭头函数（Arrow Function）是一种新的函数语法，它可以更简洁地定义函数，并且可以快速创建匿名函数。下面是箭头函数的使用方法：

1. 简单的箭头函数语法

箭头函数的语法比普通函数更加简洁，可以使用如下格式来定义一个箭头函数：

const funcName = (param1, param2) => {
  // 函数体
}

其中funcName为函数名称，param1和param2为函数的参数，以逗号分隔，如果只有一个参数可以省略括号。

箭头（=>）符号之后是函数的代码块，如果只有一条语句可以省略花括号并简写为：

const funcName = (param1, param2) => expression;

2. 箭头函数作为回调函数

箭头函数通常用于回调函数，可以快速创建匿名函数，例如：

const arr = [1, 2, 3];
// 传统函数方式
arr.map(function(item) {
  return item * 2;
});
// 箭头函数方式
arr.map((item) => item * 2);

使用箭头函数方式创建了一个匿名函数，相比传统函数方式更加简洁。

3. 箭头函数与this关键字

箭头函数中的this指向外层的作用域，不会改变this的指向，这与传统函数有很大的不同，例如：

function Person() {
  this.age = 0;
  setInterval(function growUp() {
    // 这里的 this 指向 window 对象，而不是 Person 对象
    this.age++;
  }, 1000);
  setInterval(() => {
    // 这里的 this 指向外层的 Person 对象
    this.age++;
  }, 1000);
}

在这个例子中，setInterval函数的回调函数内部的this指向的是window对象，而箭头函数的this指向外层的Person对象，使得代码更加清晰简洁。