栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

JavaScript匿名函数、自执行匿名函数

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

JavaScript匿名函数、自执行匿名函数

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类型规范的函数实现语法,只要想到函数也是一种类型,就比较容易理解了。

转载请注明:文章转载自 www.mshxw.com
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号