arguments函数的类数组-参数对象

最新推荐文章于 2025-03-22 20:29:57 发布

domunweb

最新推荐文章于 2025-03-22 20:29:57 发布

阅读量377

点赞数

分类专栏： js arguments 前端文章标签： javascript js 前端

本文链接：https://blog.youkuaiyun.com/domunweb/article/details/110847148

版权

前端同时被 3 个专栏收录

23 篇文章

订阅专栏

6 篇文章

订阅专栏

arguments

1 篇文章

订阅专栏

本文详细介绍了JavaScript中arguments对象的性质和用途，包括它如何引用函数的实参，arguments.length属性，以及arguments不是真正的数组但可以转化为数组的方法。通过示例展示了如何使用arguments对象实现参数求和的函数。此外，还探讨了arguments对象与普通数组的区别，并提供了将arguments转换为正常数组的几种方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

arguments是一个对应传递给函数的参数的类数组对象；

eg:

function  show_nums(){
    console.log(arguments)
};

show_nums(1,2);
show_nums(1);
show_nums(1,2,3);

// 直接在vscode里run code结果为：

[Arguments] { '0': 1, '1': 2 }
[Arguments] { '0': 1 }
[Arguments] { '0': 1, '1': 2, '2': 3 }
[ 4, 5, 6 ]

[Done] exited with code=0 in 0.101 seconds

但是我们在浏览器控制台里看到：
在这里插入图片描述
很明显的看到显示值虽然是数组类型，但是其_proto_为Object，普通数组的_proto_为Array。因此：

1、js中每个 非箭头函数都有的 Arguments 对象实例 arguments，它引用函数的实参，用数组下标的方式引用 arguments 中的元素；
2、arguments.length 为 函数实参个数；arguments.callee 引用函数自身；
3、arguments 不是数组，类似于数组，除  .length 和 [0] 引用元素外，不具备正常数组的属性，无pop, push 等方法；

arguments可以转化为正常数组：

var argus = Array.prototype.slice.call(arguments);

var argus = [].slice.call(arguments);

// es5 写法
const argus = Array.from(arguments);
const argus = [...arguments];

arguments常用方法（分享一道面试题）:

// 编写一个函数满足对所有的参数求和
function add(){
	let sum = 0,
		len = arguments.length;
	if(len > 0){
		for(let i = 0; i < len; i++){
			sum += arguments[i];
		}
	};
	return sum;
};
add(); // 0
add(1,2,3); // 6
add(1,2,3,4); // 10