美文网首页计算机-已读
JavaScript 中arguments.callee的代替用

JavaScript 中arguments.callee的代替用

作者: Joe_Somebody | 来源:发表于2017-05-12 09:22 被阅读0次

    在函数内部,有两个特殊的对象:argumentsthis。其中, 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]

    相关文章

      网友评论

        本文标题:JavaScript 中arguments.callee的代替用

        本文链接:https://www.haomeiwen.com/subject/wckztxtx.html