天天看点

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

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
           

但是我们在浏览器控制台里看到:

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

很明显的看到显示值虽然是数组类型,但是其_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
           

继续阅读