本文通过具体代码示例,深入解析JavaScript中arguments对象与arguments.callee属性的区别。arguments代表调用函数时传入的实际参数列表,而arguments.callee指向当前正在执行的函数本身。文章展示了如何通过比较两者长度来验证参数传递是否正确,并解释了在旧版JavaScript中利用callee实现递归调用的经典用法。
arguments与arguments.callee的区别解析
为了清晰理解arguments对象与arguments.callee属性的具体差异,我们可以通过一个具体的代码示例进行说明。
具体实现代码如下:
代码示例如下:
<script type="text/javascript">
function check(args){
var ac = args.length;
var ex = args.callee.length;
document.write("ac:" + ac + '<br>');
document.write("ex:" + ex + '<br>');
if (ac != ex) {
document.write("wrong number of arguments: expected: " + ex + "; actually passed" + ac + '<br>');
}
}
function f(x, y, z) {
check(arguments);
document.write(x + y + z);
}
</script>
页面调用方式如下:
HTML代码示例:
<input name="wr" type="button" value="调用" onclick="f(1,2)" />执行上述代码后,控制台或页面输出的结果如下:
输出结果示例:
ac:2
ex:3
wrong number of arguments: expected: 3; actually passed2
NaN
核心概念解析:
arguments是一个类数组对象,代表调用当前函数时传入的所有实际参数。而arguments.callee则是一个指向当前正在执行函数的引用,即返回当前执行的函数对象本身。通过上述示例可以观察到:arguments对应的是函数调用时的参数列表,例如调用“f(1,2)”时传入的参数;而arguments.callee则对应函数定义本身,即“function f(x,y,z){}”。