js中的caller和callee属性介绍和例子

在JavaScript中，caller和callee是与函数执行相关联的属性。它们用于在函数执行的上下文中获取对函数本身的引用。这两个属性主要用于函数递归调用时获取函数名和参数验证。不过需要注意的是，随着JavaScript的发展和对最佳实践的遵循，这两个属性的使用在ES6之后的代码中变得越来越少。 一、caller属性 caller属性返回一个引用，该引用指向调用当前函数的函数。在函数体内，可以通过arguments对象访问到当前函数的调用者。如果一个函数是由顶层代码直接调用的，那么它的caller属性是null。这允许开发者检查函数是如何被调用的。 例如，假设有如下的函数调用关系： ```javascript function handleCaller() { callerDemo(); } function callerDemo() { if (arguments.caller) { var a = arguments.caller.toString(); alert(a); } else { alert("this is a top function"); } } handleCaller(); ``` 在这个例子中，`callerDemo` 函数被`handleCaller`函数调用，`callerDemo`通过`arguments.caller`获取调用它的函数，即`handleCaller`函数，并将其转换为字符串并显示出来。如果`callerDemo`是直接被顶层代码调用的，那么`arguments.caller`将为null。 二、callee属性 与caller属性不同， callee属性提供的是对当前正在执行的Function对象本身的引用。这在递归函数调用中非常有用，因为在匿名函数中使用自己的名称（函数名）可能会引起混淆。使用`arguments.callee`可以避免这种混淆。 下面是一个使用`arguments.callee`的例子： ```javascript var sum = function(n) { if (n <= 0) return 1; else return n + arguments.callee(n - 1); }; alert(sum(100)); ``` 在上面的例子中，`sum`函数是匿名的，并且递归地调用了自己。在递归调用中，使用`arguments.callee`而不是函数名`sum`可以确保无论函数如何被重命名，递归调用仍然能够正确地指向函数本身。 此外，`arguments.callee`还有length属性，这允许验证参数数量是否正确。`arguments.length`返回的是实际传递给函数的参数数量，而`arguments.callee.length`返回的是函数定义时接受的参数数量。 ```javascript function calleeLengthDemo(arg1, arg2) { if (arguments.length == arguments.callee.length) { window.alert("验证形参和实参长度正确！"); } else { alert("实参长度：" + arguments.length); } } calleeLengthDemo(1, 2, 3); ``` 在这个例子中，`arguments.callee.length`会得到函数定义时的参数数量，而`arguments.length`会得到调用时的参数数量。通过比较这两个值，可以验证函数调用时参数数量的正确性。 需要注意的是，由于`caller`和`callee`属性的安全问题和对性能的不良影响，它们在严格模式（strict mode）下是不可用的，并且在最新的JavaScript引擎中，对它们的支持正在被废弃。因此，建议在现代JavaScript开发中，尽量避免使用这两个属性，并寻找其他更安全、更高效的替代方案。