箭头函数是ES6引入的简洁写法，无自身this、arguments、super和new.target；仅当函数体为单表达式、参数明确且不依赖this时可安全替代function。
箭头函数（=>，也叫“胖箭头”）是 ES6 引入的简洁写法，用来替代传统 function 关键字声明函数。它不只是“看起来更短”，更关键的是**没有自己的 this、arguments、super 或 new.target**，这在处理回调、事件监听和对象方法时特别重要。
什么时候能直接用胖箭头替代 function？
当函数满足以下全部条件时，替换最安全、最自然：
- 函数体只有一条表达式（不需要大括号），且要返回该表达式结果 → 直接写：
(x) => x * 2 - 参数只有一个 → 可省括号：
x => x + 1 - 无参数 → 必须保留空括号：
() => console.log('hi') - 函数不依赖
this（比如不是对象的方法，也不在定时器/事件中需要访问调用者上下文）
哪些情况不能随便用胖箭头替代？
看似能写，但一换就出错，常见陷阱：
JavaStoryDevelop
下载
你接手一个需求时，是不是经常这样："改一个小字段 → 结果把不相关的代码也改了"、"需求说得很模糊 → 做着做着发现跑偏了"、"数据库加个字段 → 上线才发现漏了数据兼容"、"做了个新功能 → 一个月后自己都忘了当时怎么设计的"、"写到一半被中断 → 再回来不知道从哪继续"；这个 Skill 就是专门解决这些问题的。 它会自动探测你的项目环境（JDK、Spring Boot、ORM、数据库、前端框架），记在
-
对象里的方法：箭头函数的
this指向外层作用域，不是对象本身
❌ 错误写法：const obj = { name: 'Alice', say: () => console.log(this.name) };→ 输出undefined
✅ 正确写法：say() { console.log(this.name); }或say: function() { ... } -
构造函数或需要 new 的场景：箭头函数不能作为构造函数，没有
prototype，调用new会报错 -
需要访问
arguments对象时：箭头函数没有arguments，要用剩余参数...args替代
怎么把旧 function 一步步改成箭头函数？
以一个典型回调为例，逐步简化：
立即学习“Java免费学习笔记（深入）”；
- 原始写法：
[1, 2, 3].map(function(x) { return x * x; }); - → 去掉
function和return，加胖箭头：[1, 2, 3].map((x) => { return x * x; }); - → 单表达式 + 隐式返回，去掉大括号和
return：[1, 2, 3].map(x => x * x);
注意：如果函数体有多个语句（比如先打印再返回），必须用大括号，并显式写 return：x => { console.log(x); return x * 2; }
小技巧：快速识别该不该用箭头函数
心里默念一句话：“我这个函数要不要靠 this 指向调用它的那个对象？”
如果是 —— 别用箭头函数；
如果只是做计算、转换、过滤、发请求（且 this 不重要）—— 箭头函数很合适。
