善用arguments.callee.apply,让递归兼容Mixin,正确继承this

javascript 中递归的使用也是常见的.比如遍历DOM树.

在我们熟悉的js框架(jQuery,prototype等)中都有递归的身影.

Mixin在很多语言里都有实现,对于动态的javascript实现更是简单,只不过是成员赋值就行了.

那么这两者有什么联系?兼容又从何而来?

代码说话:

function foo1(c){
  alert(c+a +':'+(this.constructor));//这里的信息足以说明不同了
  a++;
  if (a>1) return;//跳出递归
  foo1(c);//直接递归
}
function foo2(c){
  alert(c+a +':'+(this.constructor));//这里的信息足以说明不同了
  a++;
  if (a>1) return;//跳出递归
  arguments.callee.apply(this,arguments);//兼容Mixin的递归
}

var a=0;//为了跳出递归设置的变量
foo1('foo1:');
var a=0;
foo2('foo2:');
var f={};
f.ff=foo1;//这就是javascript最简单形式的Mixin了
var a=0;
f.ff('foo1Mixin:');
f.ff=foo2;
var a=0;
f.ff('foo2Mixin:');

 

评论

4 楼 笨笨狗 2008-07-01  

achun 写道

有道理,应该是善用arguments.callee.这就改改标题.
不过你的方法只是说明的技巧,可是这个技巧无法用到Mixin的继承性上呀!

要达到你说的目的，还得用上apply
i_am_a_temp_named_function.apply(this, arguments)

这么看来，你之前的标题也没错，这两者都得有用上，哈哈哈

3 楼 csf178 2008-07-01  

笨笨狗 写道

其实这里的关键不在于apply，而在于arguments.callee的使用，这是一个很常见的技巧。不过，你可否知道，还有个不常见的解决方案？看下面的代码，呵呵：

    var a=0;
    var f={};
    f.ff=function i_am_a_temp_named_function(){
        //这里做一些事情，然后需要递归的时候，也可以不用callee喔
        i_am_a_temp_named_function()
    };
    
    //但是，外面是看不到我的哦，呵呵
    alert(typeof i_am_a_temp_named_function)

这个JScript不兼容
哈哈 微软这地方搞得乱七八糟

2 楼 achun 2008-07-01  

<div class='quote_title'>笨笨狗 写道</div>
<div class='quote_div'>其实这里的关键不在于apply，而在于arguments.callee的使用，这是一个很常见的技巧。不过，你可否知道，还有个不常见的解决方案？看下面的代码，呵呵：<br/><br/>
<pre name='code' class='javascript'>    var a=0;
    var f={};
    f.ff=function i_am_a_temp_named_function(){
        //这里做一些事情，然后需要递归的时候，也可以不用callee喔
        i_am_a_temp_named_function()
    };
   
    //但是，外面是看不到我的哦，呵呵
    alert(typeof i_am_a_temp_named_function)
</pre>
<br/><br/></div>
<p><br/>有道理,应该是善用arguments.callee.这就改改标题.<br/>不过你的方法只是说明的技巧,可是这个技巧无法用到Mixin的继承性上呀!如果这样写的话也不对呀<br/></p>
<pre name='code' class='js'>var a=0;
var f={};
var ff=function i_am_a_temp_named_function(){
  alert(this);
  a++;
  if (a&gt;2) return ;
  i_am_a_temp_named_function()
};
ff();
var a=0;
f.ff=ff;
f.ff()</pre>
 

1 楼 笨笨狗 2008-07-01  

其实这里的关键不在于apply，而在于arguments.callee的使用，这是一个很常见的技巧。不过，你可否知道，还有个不常见的解决方案？看下面的代码，呵呵：

    var a=0;
    var f={};
    f.ff=function i_am_a_temp_named_function(){
        //这里做一些事情，然后需要递归的时候，也可以不用callee喔
        i_am_a_temp_named_function()
    };
    
    //但是，外面是看不到我的哦，呵呵
    alert(typeof i_am_a_temp_named_function)