JS精粹--匿名函数与自执行匿名函数
1. 函数也是一种类型
要理解匿名函数,首先需要理解函数也是一种类型。
所以函数可以赋值给变量,如下:
// 将数字类型值赋给变量 var num = 1; // 将函数类型值赋给变量 var hello = function () { console.log("hello world"); } // 执行num表达式 num++; // hello hello();
由于数字类型和函数类型不同,数字类型可以进行运算,例如上面的++,而函数类型可以进行调用运算,就是()。
2. 匿名函数
一般的函数是需要命名然后调用的,如下例中,函数被命名为add,然后通过add()调用。
function add(a, b) { return a + b; } var sum = add(1, 2);
也可以不命名,直接定义一个函数,这种方式叫做函数表达式。由于函数表达式在定义函数时没有命名,所以函数表达式是一种匿名函数。
var add = function(a, b) { return a + b; } var sum = add(1, 2);
以上两种方式,执行结果是同样的。
3. 自执行匿名函数
有时候我们总是想偷懒,在上面的例子中,如果我们的add函数再整个使用期间,只调用一次,那就没必要再专门弄个变量add来指向函数了。
我们可以通过自执行匿名函数,直接执行当前的函数表达式,代码如下:
var sum = (function (a, b) { return a + b; })(1, 2);
这里就需要解释下了,通过括号将函数包裹起来,这样的含义就是立即调用的意思,然后后面的(1,2)
就是当前调用函数的参数列表。
其实就是通过括号包裹函数表达式,实现自执行效果
4. 小结
匿名函数是一种更加简洁,更加能体现JavaScript类型规范的函数实现语法,只要想到函数也是一种类型,就比较容易理解了。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix