js拾遗: 函数字面量

函数字面量由4部分组成。

第一部分，关键词 function

第二部分，函数名，但是可有可无。

第三部分，包含在括号内的参数，当然参数也是可有可无的，括号不能少。

第四部分，是一组包裹在大括号的语句块，也就是函数要执行的具体代码，当然不写代码也没问题，{} 是必须要的。

 

乍一看，这个不就是函数的定义么，怎么说是函数字面量呢？

其实，之前我们就说了一个限定条件，函数表达式。

当函数做为表达式的时候，可以分成这四部分。

 

第二部分，函数名，但是可有可无。

如果是函数声明，少了函数名会报错的。

所以说函数表达式才是这里所说的函数字面量。

 

例如

 

文本

function () {}

这个写法符合上面4条，但却不是表达式，运行会报语法错误。

只有当作表达式的时候才能正常执行。

 

文本

(function () {});

var a = function () {};

var obj = {fn: function () {}};

这样写都没问题。。

 

再来看个

 

文本

var fn = function test() {};

这个是函数声明吗？

这个也是函数字面量，test 是这个函数的名字，但是在这里只对函数体内可见，外部是不可调用的。

来看个测试 (点击右侧 运行 即可查看结果)

 

文本运行

var fn = function test() { console.log(test); };

console.log(fn);

fn();

console.log(test); // 报 test 未定义

这里的函数名可用于内部使用，比如一些递归调用的时候，这样会很方便。

可能有人会说为什么不用 arguments.callee 呢。

很多地方都可以看到说 arguments 是把双刃剑，是性能杀手，能避免就尽量避免使用。

加一个函数名，调用方便，性能极致，对项目压缩也有好处，何乐而不为呢？