文章标签 ‘arguments.callee’

js arguments.callee一些用途

2012年4月16日 没有评论

arguments.callee表示引用当前正在执行的函数,或者说是调用arguments.callee的函数对象的引用,它给匿名函数提供了一种自我引用的方式。通过如下例子,可以更好的理解概念。

var func = function() {
    alert(func === arguments.callee);
}

func();

执行上述代码,可以看到alter出来的结果是true,注意,此处用的是“===”,就是说func与arguments.callee对象类型和值都相等。

上面讲了arguments.callee的定义,那么它用在什么场合呢?一般来说,它会和匿名函数一起结合来用。
例如js脚本当前等待页面某种条件是否满足,如果满足进行相应初始化处理,但不是一直等下去,超过一定时间就放弃等待

var flag = false, start = (new Date()).getTime();

//普通实现 1
function fun1() {
    //flag状态会在其他地方修改,当满足条件后执行相应逻辑
    if (flag) {
        // do something
        return;
    }
    
    //超过等待时间,放弃
    if ((new Date()).getTime() - start > 3000) {
        return;
    }
    
    //等待一秒后重试
    setTimeout(fun1, 1000);
}

fun1();

//普通实现 2
function fun2() {
    if (flag) {
        // do something
        clearInterval(handler);
        return;
    }
    
    if ((new Date()).getTime() - start > 3000) {
        clearInterval(handler);
        return;
    }
}

var handler = setInterval(func2, 1000);

//匿名函数实现
(function(){
    if (flag) {
        // do something
        return;
    }
    
    if ((new Date()).getTime() - start > 3000) {
        return;
    }
    
    setTimeout(arguments.callee, 1000);
})();

比如执行初始化操作,使用匿名函数的好处是确保只被执行一次,而前面两种实现,由于定义了函数,就有可能在别处被误调用,从而执行多次初始化。

再看一递归调用例子:求一个数的阶乘

//普通实现
function fun2(n) {
    if (n > 1) {
        return n * fun2(n -1);
    }
    
    return 1;
}

var r1 = fun2(3);

//使用匿名函数
var  r2 = (function(n) {
    if (n > 1) {
        return n * arguments.callee(n -1);
    }
    
    return 1;    
})(3);
分类: web前端 标签:

无觅相关文章插件,快速提升流量