JavaScript中arguments与arguments.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>

页面调用方式如下：

<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){}”。