前言
在 ES6 普及之前，arguments 是我们处理不定长参数的唯一救星。但你是否遇到过在箭头函数中使用它报错的尴尬？本文将带你全面拆解 arguments 的特性、坑点以及它的现代替代方案。
一、 arguments 是什么？
arguments 是一个伪数组集合，存储了我们传递给函数的所有传入参数，arguments只在普通函数中存在，在箭头函数中是不存在的
1. 核心特点
- 类数组：它拥有
length属性和索引元素，但不具备push、pop、forEach等数组内置方法。 - 动态性：它只定义在函数体内部（非箭头函数），无需显式声明。
2. 实战代码
function func(a, b) {
console.log(arguments);
// 输出：{ '0': 'a', '1': 'b', length: 2, callee: ƒ, ... }
console.log(arguments.length); // 2
console.log(arguments[0]); // 'a'
// ❌ 错误演示：直接调用数组方法
// arguments.forEach(item => console.log(item)); // Uncaught TypeError
}
func('a', 'b');
二、 两个重要的属性
1. length
表示实际传入函数的参数个数（注意：不是函数定义时的参数个数）。
2. callee (⚠️ 注意避坑)
- 作用：指向当前执行的函数本身。在早期开发中，常用于匿名函数的递归调用。
- 现状：在严格模式（'use strict'）下已被禁用。现代开发中建议使用函数名调用自身，而不是依赖
callee。
三、 箭头函数的“死穴”
箭头函数中不存在 arguments 对象！
因为箭头函数没有自己的 this 和执行上下文，它内部的 arguments 实际上会引用外层函数的 arguments（如果有的话），或者直接报错（在全局作用域下）。
解决方案：Rest 参数 (...)
ES6 引入了剩余参数（Rest Parameters），这是处理不定参数的终极方案。
JavaScript
// ✅ 推荐写法
const func = (...args) => {
console.log(args); // ['a', 'b'] -> 这是一个真正的数组！
// 可以直接使用数组方法
args.forEach(item => console.log(item));
}
func('a', 'b');
四、 面试必备技能：将 arguments 转为数组
在面试中，常考“如何让 arguments 使用 map 方法？”其实就是考如何将其转为真数组。
方法 1：ES6 Array.from（推荐）
const args = Array.from(arguments);
方法 2：ES6 扩展运算符（最常用）
const args = [...arguments];
五、 面试模拟题（挑战一下）
Q1：arguments 和 Rest 参数 (...args) 有什么区别？
参考回答：
- 类型不同：
arguments是类数组对象；Rest 参数是真正的数组实例。 - 环境限制：
arguments在箭头函数中不可用；Rest 参数可以在任何函数中使用。
Q2：在严格模式下，修改 arguments[0] 会影响形参吗？
参考回答：
- 非严格模式：会影响。
arguments和形参存在映射机制，修改一个会改变另一个。 - 严格模式：不会影响。两者断开映射，互不干扰。
Q3：为什么说 arguments 是类数组？
参考回答： 因为它长得像数组（有索引、有 length），但原型链指向 Object.prototype 而不是 Array.prototype，所以无法直接使用数组的方法。
结语
随着 ES6 的普及，arguments 的使用场景正在逐渐被 Rest 参数取代。但在阅读旧代码或编写特定工具库时，理解它的机制依然是必修课。
