普通函数动态参数 和 箭头函数的动态参数有什么区别？

普通函数和箭头函数在处理动态参数（即不确定数量的参数）时，有一些重要的区别，主要体现在参数处理和 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 对象，如果需要访问所有参数，必须使用剩余参数语法。