欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

js拾遗: 函数字面量

程序员文章站 2022-05-18 08:32:36
函数字面量由4部分组成。 第一部分,关键词 function 第二部分,函数名,但是可有可无。 第三部分,包含在括号内的参数,当然参数也是可有可无的,括号不能少。 第四部分...
函数字面量由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 是把双刃剑,是性能杀手,能避免就尽量避免使用。

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