首页 > 代码库 > Effective JavaScript Item 22 使用arguments来创建接受可变参数列表的函数

Effective JavaScript Item 22 使用arguments来创建接受可变参数列表的函数

本系列作为Effective JavaScript的读书笔记。

 

Item 21中,介绍了结合apply方法实现的可变参数列表函数average,它实际上只声明了一个数组作为参数,但是利用apply方法,实际上可以接受若干元素作为参数:

 

function averageOfArray(a) {
	for (var i = 0, sum = 0, n = a.length; i < n; i++) {
		sum += a[i];
	}
	return sum / n;
}
averageOfArray.apply(null, [1, 2, 3, 4, 5]);

而利用arguments变量,可以将声明的参数也去掉。即函数可以不显式声明任何参数。arguments对象提供了一个类似数组的使用方法:可以使用索引进行访问,并且它拥有length属性来表示其中含有多少个元素,所以,上面的函数可以这样实现:


function average() {
	for (var i = 0, sum = 0, n = arguments.length; i < n; i++) {
		sum += arguments[i];
	}
	return sum / n;
}

以上的声明方式让average函数更加灵活,但是在处理数组参数时,需要结合apply方法,因为apply方法可以将数组参数“打散”成单个元素,然后这些元素又构成了arguments变量。

 

一个经验法则是:当你提供了利用arguments变量的函数的同时,也提供一个参数长度固定的版本,因为前者总是可以利用后者:


function average() {
	return averageOfArray(arguments);
}

这样的话,用户就可以在不使用apply方法的情况下,调用你提供的函数。因为在使用apply方法时,会损失一部分的代码可读性以及运行性能。

 

总结:

  1. 使用隐式的arguments对象来实现接受变长参数列表的函数
  2. 在提供的变长参数函数的同时,也提供固定长度参数的函数,以避免使用apply方法


Effective JavaScript Item 22 使用arguments来创建接受可变参数列表的函数