JavaScript中匿名函数的递归调用

不管是什么编程语言，相信稍微写过几行代码的同学，对递归都不会陌生。 以一个简单的阶乘计算为例：

function factorial(n) {   if (n <= 1) {    return 1;  } else {    return n * factorial(n-1);  }}

我们可以看出，递归就是在函数内部调用对自身的调用。 那么问题来了，我们知道在Javascript中，有一类函数叫做匿名函数，没有名称，怎么调用呢？当然你可以说，可以把匿名函数赋值给一个常量：

const factorial = function(n){    if (n <= 1) {    return 1;  } else {    return n * factorial(n-1);  }}

这当然是可以的。但是对于一些像，函数编写时并不知道自己将要赋值给一个明确的变量的情况时，就会遇到麻烦了。如：

(function(f){  f(10);})(function(n){   if (n <= 1) {    return 1;  } else {    return n * factorial(n-1);//太依赖于上下文变量名  }})//Uncaught ReferenceError: factorial is not defined(…)

那么存不存在一种完全不需要这种给予准确函数名(函数引用变量名)的方式呢？

arguments.callee

我们知道在任何一个function内部，都可以访问到一个叫做arguments的变量。

(function(){console.dir(arguments)})(1,2)

屏幕快照 2016-09-18 下午10.53.58

打印出这个arguments变量的细节，可以看出他是Arguments的一个实例，而且从数据结构上来讲，他是一个类数组。他除了类数组的元素成员和length属性外，还有一个callee方法。 那么这个callee方法是做什么的呢？我们来看下MDN

callee 是 arguments 对象的属性。在该函数的函数体内，它可以指向当前正在执行的函数。当函数是匿名函数时，这是很有用的， 比如没有名字的函数表达式 (也被叫做”匿名函数”)。

哈哈，很明显这就是我们想要的。接下来就是：

(function(f){  console.log(f(10));})(function(n){   if (n <= 1) {    return 1;  } else {    return n * arguments.callee(n-1);  }})//output: 3628800

但是还有一个问题，MDN的文档里明确指出

警告：在 ECMAScript 第五版 (ES5) 的 严格模式 中禁止使用 arguments.callee()。

哎呀，原来在ES5的use strict;中不给用啊，那么在ES6中，我们换个ES6的arrow function写写看：

((f) => console.log(f(10)))(  (n) => n <= 1? 1: arguments.callee(n-1))//Uncaught ReferenceError: arguments is not defined(…)

有一定ES6基础的同学，估计老早就想说了，箭头函数就是个简写形式的函数表达式，并且它拥有词法作用域的this值（即不会新产生自己作用域下的this, arguments, super 和 new.target等对象），且都是匿名的。

那怎么办呢？嘿嘿，我们需要借助一点FP的思想了。