arguments.callee

简介: 在函数内部,有两个特殊的对象:arguments 和 this。其中, arguments 的主要用途是保存函数参数, 但这个对象还有一个名叫 callee 的属性,该属性是一个指针,指向拥有这个 arguments 对象的函数。

在函数内部,有两个特殊的对象:arguments 和 this。其中, arguments 的主要用途是保存函数参数, 但这个对象还有一个名叫 callee 的属性,该属性是一个指针,指向拥有这个 arguments 对象的函数。 请看下面这个非常经典的阶乘函数。

function factorial(num){   

   if (num <=1) {         

      return 1;    

   } else {        

   return num * factorial(num-1)    

   }

定义阶乘函数一般都要用到递归算法;如上面的代码所示,在函数有名字,而且名字以后也不会变 的情况下,这样定义没有问题。但问题是这个函数的执行与函数名 factorial 紧紧耦合在了一起。为 了消除这种紧密耦合的现象,可以像下面这样使用 arguments.callee

function factorial(num){    

   if (num <=1) {        

      return 1;    

   } else {        

   return num * arguments.callee(num-1);

   }

在这个重写后的 factorial()函数的函数体内,没有再引用函数名 factorial。这样,无论引用 函数时使用的是什么名字,都可以保证正常完成递归调用。例如

        function factorial(num){

            if(num <= 1){

                return 1;

            }else{

                return num * arguments.callee(num-1);

            }

        }

        var trueFactorial = factorial;

        alert(trueFactorial(5));    //120   

        factorial = function() {

            return 0;

        }               

        alert(trueFactorial(5));// 120 如果没有使用arguments.callee,将返回0

 

在此,变量 trueFactorial 获得了 factorial 的值,实际上是在另一个位置上保存了一个函数 的指针。然后,我们又将一个简单地返回 0的函数赋值给 factorial 变量。如果像原来的 factorial() 那样不使用 arguments.callee,调用 trueFactorial()就会返回 0。可是,在解除了函数体内的代 码与函数名的耦合状态之后,trueFactorial()仍然能够正常地计算阶乘;至于 factorial(),它现 在只是一个返回 0的函数。

 

现在已经不推荐使用arguments.callee();

原因:访问 arguments 是个很昂贵的操作,因为它是个很大的对象,每次递归调用时都需要重新创建。影响现代浏览器的性能,还会影响闭包。

 

不能用怎么办?

像第三段中的例子,重写 factorial()方法导致trueFactorial()结果不在预期。是为了演示而做的。平时写代码应该避免。

递归时用到arguments.callee()是常见的事情,比如

一道面试题。接受参数n=5,不用for循环输出数组【1,2,3,4,5】

这用递归的思路,配合arguments.callee,代码如下

function show(n) {

    var arr = [];

    return (function () {

        arr.unshift(n);

        n--;

        if (n != 0) {

            arguments.callee();

        }

        return arr;

    })()

}

show(5)//[1,2,3,4,5]

现在arguments.callee 被弃用了。怎么办,其实很简单,给内部函数一个名字即可

function show(n) {

    var arr = [];

    return (function fn() {

        arr.unshift(n);

        n--;

        if (n != 0) {

            fn();

        }

        return arr;

    })()

}

show(5)//[1,2,3,4,5]

 

相关文章
|
1月前
arguments,callee&caller
arguments,callee&caller
32 3
|
6月前
Uncaught TypeError: Cannot use ‘in‘ operator to search for ‘path‘ in undefined
Uncaught TypeError: Cannot use ‘in‘ operator to search for ‘path‘ in undefined
|
6月前
|
JavaScript 前端开发
参数(Parameters)与隐式参数(Arguments)
参数(Parameters)和隐式参数(Arguments)是 JavaScript 中两个重要的概念,它们都与函数的调用有关。参数是函数定义时在函数名后的括号内声明的变量,用于接收从调用函数处传递过来的值。而隐式参数是一个函数在调用时,自动创建的一个对象,包含了所有传递给该函数的参数的值。
100 6
|
6月前
|
Python
完美解决丨TypeError: fun() takes 2 positional arguments but 3 were given
完美解决丨TypeError: fun() takes 2 positional arguments but 3 were given
Uncaught TypeError: l.push is not a function
Uncaught TypeError: l.push is not a function
解决TypeError: __init__() takes from 1 to 3 positional arguments but 6 were given
解决TypeError: __init__() takes from 1 to 3 positional arguments but 6 were given
446 0
解决TypeError: __init__() takes from 1 to 3 positional arguments but 6 were given
|
Linux C++
O_RDONLY/O_NOATIME undeclared (first use in this function
O_RDONLY/O_NOATIME undeclared (first use in this function
161 0
O_RDONLY/O_NOATIME undeclared (first use in this function
|
JavaScript
函数arguments讲解
函数arguments讲解
函数arguments讲解
TypeError: this.getOptions is not a function at Object.lessLoader
TypeError: this.getOptions is not a function at Object.lessLoader
268 0