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

最新推荐文章于 2025-12-01 22:20:41 发布

最新推荐文章于 2025-12-01 22:20:41 发布 · 141 阅读

文章标签：

#IE #JavaScript #算法 #F# #jQuery #ViewUI

JavaScript 专栏收录该内容

13 篇文章

订阅专栏

本文介绍了JavaScript中递归的应用场景，如DOM树遍历，并通过示例代码对比了普通递归与兼容Mixin的递归之间的区别。

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