js拾遗: 函数字面量
第一部分,关键词 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 是把双刃剑,是性能杀手,能避免就尽量避免使用。
加一个函数名,调用方便,性能极致,对项目压缩也有好处,何乐而不为呢?
推荐阅读
-
js拾遗: 函数字面量
-
js正则学习小记之匹配字符串字面量
-
JS基础语法---创建对象---三种方式创建对象:调用系统的构造函数;自定义构造函数;字面量的方式
-
JavaScript中字面量与函数的基本使用知识
-
js 正则学习小记之匹配字符串字面量优化篇
-
浅谈js正则字面量//与new RegExp的执行效率
-
【ES6】JavaScript数组-数组的创建-构造函数-字面量-Array.from()-Array.of()静态方法
-
流程控制,循环,模板字面量,模板函数演示
-
JS 流程控制(分支与循环)、函数的参数(不足、剩余)、函数返回值(返回数组与对象)、对象字面量的简化、模板字面量、模板函数
-
流程控制,循环,模板字面量,模板函数演示