JavaScript学习之四 — 点滴之匿名函数

前几天椰子在微博上发了消息说匿名函数也可以有名字，我就想了半天，有名字的匿名函数到底是什么情况？？

先来看js中函数的三种定义方式吧：

/** * 1、function关键字语句 */function fn1(){alert("fn1");}/** * 2、函数字面量（Function Literals） */var fn2 = function(){alert("fn2");};/** * 3、Function构造函数型 */var fn3 = new Function('x','alert("fn3:"+x)');fn1();fn2();fn3(3);

其中2函数字面量和3Function构造函数型都是匿名函数，但是两者有区别：

1、函数字面量可以有名字，而Function不能有

?

/** * 这就是匿名函数，fn4是匿名函数的名字；<br> * 但是fn4只能在函数内调，在外部调会报function is not defined *  * @param {int} *            x * @return {Number} */var fn5 = function fn4(x) {if (x <= 0)return 1;return x * fn4(x - 1);};alert(fn5(5));// 此处会报错：fn4 is not definedalert(fn4(4));

?

?当然此处的递归可以用arguments.callee代替，而且很多书上都推荐用arguments.callee，因为函数名可能是改变的。

?

/** * 用arguments.callee代替匿名函数的名字实现递归 * @param {} x * @return {Number} */var fn6 = function (x) {if (x <= 0)return 1;return x * arguments.callee(x - 1);};alert(fn6(5));

?

2、Function可以运行时动态的创建和编译js代码，但是Function代码每次运行的时候都会解析函数主题，生成函数对象，循环时候效率很低。

3、Function内变量的作用域是全局作用域

?

var x = 'hello';/** * 此处弹出hello */void function() {var x = 'world';var fn7 = new Function("alert(x)");fn7();}();

?

?在第一点我们已经看到了匿名函数的名字，一般用作递归，但是如果仅仅用于递归，因为已经有了arguments.callee，是不是显得鸡肋了？

?

进一步，我们来看一下几种匿名函数的代码模式

1、首先来个错误的：

?

/** * 语法错误 */function (){alter("error");}();

?

2、函数字面量，为什么function外边这个括号很重要？括号里的内容先执行，执行后()所在的地方会被执行结果所替代，结果可能是值、函数，这里是函数

?

/** * 字面量函数 */(function(){alert("literals");})();

?

3、优先表达式，括号从里到外执行

?

/** * 优先表达式 */(function() {alert("priority");}());

4、void操作符，void可以执行一个没有圆括号包围的单独的操作数

?

?

/** * void操作符 */void function(){alert("void");}();

匿名函数有什么好处呢？一次性，即执行一次之后不会放到内存，减少内存占用：

?

/** * 在计算过val后内存中一直会保存add函数 */function add(x,y){return x + y;}var val = add(2,3);alert(val);/** * 在计算出val2之后，内存中不会保存函数 */var val2 = function add2(x,y){return x + y;}(2,3);alert(val2);/** * 在计算出val3之后，内存中也不会保存add3函数。 */var val3 = function add3(x,y){return x + y;}(2,3);alert(val3);

如图：

?

?