理解下JavaScript中的匿名函数、自执行匿名函数

￡神魔★判官ぃ 2022-10-23 11:20 171阅读 0赞

***[点此查看全部文字教程、视频教程、源代码][Link 1]***

### 本文目录 ###

*  1. 函数也是一种类型
 *  2. 匿名函数
 *  3. 自执行匿名函数
 *  4. 小结

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

[Link 1]: https://studyingpanda.blog.csdn.net/article/details/105329926

发表评论取消回复

表情：

评论列表（有 0 条评论，171人围观）

还没有评论，来说两句吧...

相关阅读