箭头函数是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 一步步改成箭头函数？

以一个典型回调为例，逐步简化：

• 原始写法：[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 不重要）—— 箭头函数很合适。

Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南