JavaScript 中箭头函数怎么获取外层函数参数-js教程-PHP中文网

箭头函数无自身this、arguments、super和new.target，沿作用域链向上查找外层普通函数的对应值；不绑定arguments，需显式传参或变量捕获外层参数。

javascript 中箭头函数怎么获取外层函数参数

箭头函数本身没有自己的 this、arguments、super 或 new.target，它会**沿作用域链向上查找**外层普通函数的对应值。但要注意：箭头函数**不绑定 arguments 对象**，也不能用 arguments 访问外层函数的参数；要获取外层函数的参数，必须**显式传入或通过变量捕获**。

箭头函数能“看到”外层函数的参数变量

只要外层函数中定义了参数（如 function outer(a, b) { ... }），这些参数在箭头函数所在的作用域内就是普通变量，可直接访问：

✅ 正确示例：

function outer(x, y) {
  const arrow = () => {
    console.log(x, y); // ✅ 可直接访问外层参数 x 和 y
  };
  arrow();
}
outer(10, 20); // 输出：10 20

不能用 `arguments` 访问外层参数

箭头函数内部没有 arguments，且它不会继承外层函数的 arguments 对象。即使在外层函数中用 arguments，箭头函数也无法直接读取它：

Java Maven Code Review

审查Java Maven项目（ZIP压缩包或GitLab仓库URL），检查代码规范、命名、模块边界、可维护性问题以及重复代码。

下载

❌ 错误示例：

function outer() {
  const arrow = () => {
    console.log(arguments); // ❌ ReferenceError: arguments is not defined
  };
  arrow();
}

✅ 替代方案（推荐）：

用剩余参数（...args）把外层参数显式捕获为变量，再供箭头函数使用
或者直接使用命名参数（更清晰）

function outer(...args) {
  const arrow = () => {
    console.log(args); // ✅ args 是外层捕获的数组，箭头函数可访问
  };
  arrow();
}
outer(1, 2, 3); // 输出：[1, 2, 3]

嵌套多层时，就近沿作用域链查找

箭头函数只关心**词法作用域中最近的外层普通函数**（非箭头函数）的变量和参数：

function fn1(a) {
  return function fn2(b) {
    return () => {
      console.log(a, b); // ✅ a 来自 fn1，b 来自 fn2（都是普通函数）
    };
  };
}
fn1(1)(2)(); // 输出：1 2

如果中间某层是箭头函数，则跳过它，继续向外找普通函数作用域。

实际开发建议

避免依赖隐式的 arguments，优先使用命名参数或 ...rest
需要访问调用时的参数列表时，在外层函数中立即将 arguments 转为数组（Array.from(arguments) 或 [...arguments]），再传给箭头函数
箭头函数适合做回调、事件处理器等场景，前提是所需数据已提前捕获到闭包中