前端面试题：普通函数动态参数和箭头函数的动态参数有什么区别？

大叔爱吃猕猴桃

普通函数和箭头函数在处理动态参数（即不确定数量的参数）时，有一些重要的区别，主要体现在参数处理和 this 上下文的处理方式。以下是这两种函数在处理动态参数时的主要区别：

1. 普通函数的动态参数

普通函数可以使用 arguments 对象来处理不确定数量的参数。arguments 是一个类数组对象，包含了传递给函数的所有参数。

示例：

  function normalFunction() {
      console.log(arguments); // 输出: 类数组对象
      for (let i = 0; i < arguments.length; i++) {
          console.log(arguments[i]);
      }
  }

  normalFunction(1, 2, 3); // 输出: 1 2 3

特点：
- arguments 对象在普通函数中自动可用，可以用来访问所有传入的参数。
- arguments 是一个类数组对象，但不具备数组的方法（如 push, pop）。
- arguments 在箭头函数中不可用。

2. 箭头函数的动态参数

箭头函数不支持 arguments 对象。箭头函数的参数必须使用 ES6 的剩余参数语法（rest parameters）来处理不确定数量的参数。

示例：

  const arrowFunction = (...args) => {
      console.log(args); // 输出: 数组
      args.forEach(arg => console.log(arg));
  };

  arrowFunction(1, 2, 3); // 输出: 1 2 3

特点：
- 箭头函数使用剩余参数语法（...args）将所有传入的参数收集到一个数组中。
- args 是一个真正的数组，可以使用数组的方法（如 forEach, map, filter）。
- 没有 arguments 对象，如果需要访问所有参数，必须使用剩余参数语法。