js递归调用

方法一：

1. // 一个简单的阶乘函数
2. var f = function (x) {
3. if (x === 1) {
4. return 1;
5. } else {
6. return x * f(x - 1);
7. }
8. };

Javascript中函数的巨大灵活性，导致在递归时使用函数名遇到困难，对于上面的变量式声明，f是一个变量，所以它的值很容易被替换：

1. var fn = f;
2. f = function () {};

函数是个值，它被赋给fn，我们期待使用fn(5)可以计算出一个数值，但是由于函数内部依然引用的是变量f，于是它不能正常工作了。

所以，一旦我们定义了一个递归函数，便须注意不要轻易改变变量的名字。

上面谈论的都是函数式调用，函数还有其它调用方式，比如当作对象方法调用。

我们常常这样声明对象：

1. var obj1 = {
2. num ： 5，
3. fac ： function (x) {
4. // function body
5. }
6. };

声明一个匿名函数并把它赋值给对象的属性（fac）。

如果我们想要在这里写一个递归，就要引用属性本身：

1. var obj1 = {
2. num : 5,
3. fac : function (x) {
4. if (x === 1) {
5. return 1;
6. } else {
7. return x * obj1.fac(x - 1);
8. }
9. }
10. };

当然，它也会遭遇和函数调用方式一样的问题：

1. var obj2 = {fac: obj1.fac};
2. obj1 = {};
3. obj2.fac(5); // Sadness

方法被赋值给obj2的fac属性后，内部依然要引用obj1.fac，于是…失败了。

换一种方式会有所改进：

1. var obj1 = {
2. num : 5,
3. fac : function (x) {
4. if (x === 1) {
5. return 1;
6. } else {
7. return x * this.fac(x - 1);
8. }
9. }
10. };
11. var obj2 = {fac: obj1.fac};
12. obj1 = {};
13. obj2.fac(5); // ok

通过this关键字获取函数执行时的context中的属性，这样执行obj2.fac时，函数内部便会引用obj2的fac属性。

可是函数还可以被任意修改context来调用，那就是万能的call和apply：

1. obj3 = {};
2. obj1.fac.call(obj3, 5); // dead again

于是递归函数又不能正常工作了。

我们应该试着解决这种问题，还记得前面提到的一种函数声明的方式吗？

var a = function b(){};

这种声明方式叫做内联函数（inline function），虽然在函数外没有声明变量b，但是在函数内部，是可以使用b()来调用自己的，于是

1. var fn = function f(x) {
2. // try if you write "var f = 0；" here
3. if (x === 1) {
4. return 1;
5. } else {
6. return x * f(x - 1);
7. }
8. };
9. var fn2 = fn;
10. fn = null;
11. fn2(5); // OK
12. // here show the difference between "var f = function f() {}" and "function f() {}"
13. var f = function f(x) {
14. if (x === 1) {
15. return 1;
16. } else {
17. return x * f(x - 1);
18. }
19. };
20. var fn2 = f;
21. f = null;
22. fn2(5); // O 
23. var obj1 = 
24. num : 5,
25. fac : function f(x) {
26. if (x === 1) {
27. return 1;
28. } else {
29. return x * f(x - 1);
30. }
31. }
32. };
33. var obj2 = {fac: obj1.fac};
34. obj1 = {};
35. obj2.fac(5); // ok
36. var obj3 = {};
37. obj1.fac.call(obj3, 5); // ok

就这样，我们有了一个可以在内部使用的名字，而不用担心递归函数被赋值给谁以及以何种方式被调用。

Javascript函数内部的arguments对象，有一个callee属性，指向的是函数本身。因此也可以使用arguments.callee在内部调用函数：

1. function f(x) {
2. if (x === 1) {
3. return 1;
4. } else {
5. return x * arguments.callee(x - 1);
6. }
7. }

但arguments.callee是一个已经准备被弃用的属性，很可能会在未来的ECMAscript版本中消失，在ECMAscript 5中"use strict"时，不能使用arguments.callee。

最后一个建议是：如果要声明一个递归函数，请慎用new Function这种方式，Function构造函数创建的函数在每次被调用时，都会重新编译出一个函数，递归调用会引发性能问题——你会发现你的内存很快就被耗光了。

js递归函数应用

最近在做项目的时候，用到了递归函数，用来调用json的子节点，把所有json中的子节点中包含某个数的object，都push到一个数组中，然后对其进行绑定。

我是通过如下递归调用的

1. var new_array=[];
2. function _getChilds(data){
3. if(data.ObjType=="某个数"){
4. new_array.push(cs_data);
5. }
6. if(data.Childs){
7. if(data.Childs.length>0){
8. getChilds(data.Childs)
9. }
10. }
11. }
12. function getChilds(data){
13. for(var i=0;i<data.length;i++){
14. _getChilds(data[i]);
15. }
16. }
17. 使用方法：getChilds（"json数据"）

就把json中所有包含某个数的数据push到new_array数组当中了。

方法二：