js中的箭头函数怎么用

箭头函数在 javascript 中提供简洁的匿名函数语法（=>），用于替换匿名函数。与匿名函数的不同之处包括：上下文绑定（继承外围作用域的 this）、没有 arguments 对象。优点是简洁、上下文绑定。它们广泛用于回调函数（数组方法、事件处理程序）和需要简洁与上下文绑定的匿名函数。

箭头函数在 JavaScript 中的使用

箭头函数是 JavaScript 中的新特性，它提供了简洁且富有表现力的语法来定义匿名函数。它以其独特的箭头符号 => 而闻名。

语法：

(parameters) => expression

使用方法：

• 替换匿名函数：箭头函数可以取代任何匿名函数。
• 简洁语法：如果函数体只有一行表达式，可以使用简洁语法，省略花括号和大括号。

与匿名函数的区别：

除了语法上的差异，箭头函数还有一些独特之处：

• 上下文绑定：与匿名函数不同，箭头函数继承了其外围作用域的 this 上下文。
• 没有 arguments 对象：箭头函数没有自己的 arguments 对象。

优点：

• 简洁：语法简洁，易于阅读和编写。
• 上下文绑定：保持外部作用域的上下文，使代码更容易理解。

用例：

• 数组方法（如 map(), filter()) 的回调函数
• 事件处理程序（如 addEventListener())
• 需要简洁和上下文绑定的匿名函数

示例：

普通函数：

function sum(a, b) {
  return a + b;
}

箭头函数：

const sum = (a, b) => a + b;

简洁语法：

const double = num => num * 2;