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