参数和对象的一个不同之处

2023-10-07 21:19:14

...args剩余参数与arguments对象：全面指南

概述

在JavaScript中，...args剩余参数和arguments对象都是用于收集函数参数的特殊语法。虽然它们的功能相似，但在某些方面存在着关键差异。本文将深入探讨这两种机制之间的区别，并指导您在代码中明智地使用它们。

...args剩余参数

语法：

function myFunction(...args) {
  // 代码
}

...args剩余参数（也称为展开运算符）是ES6中引入的一个特性。它允许您收集任意数量的参数并将其存储在一个数组中。它的语法很简单，三个点 (...) 放在参数列表的末尾。

特点：

接收不定数量的参数。
将参数存储在一个数组中。
必须是函数参数列表中的最后一个参数。

代码示例：

function sum(...numbers) {
  let total = 0;
  for (const num of numbers) {
    total += num;
  }
  return total;
}

console.log(sum(1, 2, 3, 4, 5)); // 输出：15

arguments对象

语法：

function myFunction() {
  // 代码
  console.log(arguments);
}

arguments对象是一个内置对象，它包含了函数的所有参数。它是一个类数组对象，这意味着它具有与数组类似的属性和方法，但并不是真正的数组。

特点：

访问函数的所有参数。
类数组对象，具有 length 属性。
可在函数的任何地方访问。

代码示例：

function printArguments() {
  for (let i = 0; i < arguments.length; i++) {
    console.log(arguments[i]);
  }
}

printArguments(1, 2, "Hello", true); 
// 输出：
// 1
// 2
// Hello
// true

差异

下表总结了...args剩余参数和arguments对象之间的主要差异：

特性	...args剩余参数	arguments对象
语法	...args	arguments
类型	数组	类数组对象
可用性	函数参数列表末尾	函数内任意位置
遍历	for...of循环	for循环
方法和属性	无	length、callee