箭头函数是es6提供的简洁函数语法，1. 无参数、单参数、多参数均有简写形式；2. 不绑定this、arguments等，继承外层作用域的this，解决回调中this指向问题；3. 适用于数组方法如map、filter及需固定this的场景；4. 不能作为构造函数，无法使用new调用；5. 定义对象方法时需谨慎，避免因不绑定this导致意外行为。
箭头函数是ES6引入的一种更简洁的函数书写方式，它不仅让代码更紧凑，还在某些场景下避免了this指向的问题。和传统函数表达式相比，箭头函数没有自己的this、arguments、super或new.target，这使得它在特定使用场景中非常有用。
箭头函数的基本语法
箭头函数的语法比传统的function关键字更简洁，主要有以下几种形式：
-
无参数时：
() => { statement }或() => expression -
单个参数时：
param => { statement }或param => expression -
多个参数时：
(a, b) => { statement }或(a, b) => expression -
多行语句需用大括号：
() => { let x = 1; return x; } -
返回对象字面量时需加括号：
() => ({ name: "Alice" })
例如：
const greet = () => "Hello!";<br>
const square = x => x * x;<br>
const add = (a, b) => a + b;<br>
const logData = () => {<br>
console.log("Logging...");<br>
return true;<br>
};
this指向的差异
箭头函数最显著的特点之一是它不会创建自己的this上下文，而是继承外层作用域的this值。
立即学习“Java免费学习笔记（深入）”；
在对象方法或事件回调中，这一点尤为重要。
const user = {<br>
name: "Bob",<br>
greet: function() {<br>
setTimeout(function() {<br>
console.log("Hi, I'm " + this.name); // this 指向 window 或 undefined<br>
}, 100);<br>
}<br>
};<br>
user.greet(); // 输出：Hi, I'm undefined
使用箭头函数修复this问题：
const user = {<br>
name: "Bob",<br>
greet: function() {<br>
setTimeout(() => {<br>
console.log("Hi, I'm " + this.name); // this 正确指向 user<br>
}, 100);<br>
}<br>
};<br>
user.greet(); // 输出：Hi, I'm Bob
适用场景与注意事项
箭头函数适合用于简化回调函数、数组方法中的处理逻辑，以及需要保持this上下文的场合。
-
数组方法中常用：
[1,2,3].map(x => x * 2) - 作为事件监听器的内层函数：确保this指向外部类或对象
- 不能用作构造函数：调用 new 会报错
-
没有arguments对象：需用剩余参数代替，如
...args - 不适合定义对象方法：除非依赖外层this
例如：
const numbers = [1, 2, 3, 4];<br> const evens = numbers.filter(n => n % 2 === 0); // [2, 4]<br> const doubles = numbers.map(n => n * 2); // [2, 4, 6, 8]
基本上就这些。箭头函数让JavaScript更现代、更清晰，但也要注意它的局限性，特别是在需要动态this的场景中应避免使用。
