箭头函数简化高阶函数书写，自动继承外层this、省略括号与return、利于链式调用和闭包构造，但不可作为构造函数或使用arguments。

箭头函数本身不改变高阶函数的运行逻辑，但它能显著简化高阶函数的书写形式，尤其在参数传递、上下文绑定和嵌套回调场景中更简洁清晰。

自动绑定 this，避免手动 bind

传统函数作为回调传入高阶函数（如 map、filter、reduce）时，若需访问外层对象的 this，常要显式 .bind(this) 或用变量暂存。箭头函数没有自己的 this，直接继承外层作用域的 this，省去绑定步骤。

例如：

// 传统写法（需 bind 或缓存）
const obj = {
  items: [1, 2, 3],
  multiplier: 10,
  doubled() {
    return this.items.map(function(x) {
      return x * this.multiplier; // ❌ this 指向错误
    }.bind(this)); // ✅ 补救
  }
};
<p>// 箭头函数写法（自然继承 this）
const obj = {
items: [1, 2, 3],
multiplier: 10,
doubled() {
return this.items.map(x => x * this.multiplier); // ✅ 简洁且正确
}
};

单参数 + 单表达式时可省略括号与 return

高阶函数常接收一个简单变换函数（如 x => x * 2），箭头函数允许省略参数括号和花括号，连 return 都隐式存在，代码更紧凑。

立即学习“Java免费学习笔记（深入）”；

deep-java-review

Java项目代码review工具。分析Git变更+完整调用链路上下文，推断业务需求，进行多维度评分和分类汇总，生成完整PRD文档。包含细粒度Java代码审查清单（Null安全、异常处理、Streams、并发、equals/hashCode、资源管理、API设计、性能、MyBatis/ORM、事务边界、SQL/DD...

下载

• [1, 2, 3].map(x => x ** 2) —— 比 function(x) { return x ** 2; } 少写 18 个字符
• arr.filter(n => n > 0) —— 比完整函数声明更易扫读
• 链式调用中优势明显：data.map(x => x.id).filter(id => id).sort()

适合构造闭包型高阶函数

当高阶函数需要返回另一个函数（如柯里化、偏函数），箭头函数让闭包结构更轻量。

例如实现一个通用乘法器：

// 传统写法
function multiplyBy(factor) {
  return function(num) {
    return num * factor;
  };
}
<p>// 箭头函数写法（更直观体现“返回函数”）
const multiplyBy = factor => num => num * factor;</p><p>// 使用
const double = multiplyBy(2);
double(5); // 10

这种嵌套箭头写法天然契合函数式编程中“参数分步传入”的直觉，逻辑流向清晰。

注意：不能用作构造函数或使用 arguments

箭头函数没有 prototype、不能用 new 调用，也没有 arguments 对象。若高阶函数内部需动态处理参数列表（如实现通用装饰器），仍需传统函数。

• ✅ 适合纯计算、映射、过滤、转换等无副作用操作
• ❌ 不适合需 new 实例化、或依赖 arguments/caller 的场景
• 替代 arguments 可用剩余参数：(...args) => args[0]