善用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:');