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

￡神魔★判官ぃ 2022-10-23 11:20 254阅读 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 条评论，254人围观）

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

相关阅读

相关非匿名自执行函数

var b = 10; (function b(){ // 'use strict'

亦凉/ 2023年03月01日 05:35/ 0 赞/ 3 阅读

相关 javaScript中的匿名函数

[js中的匿名函数][js] [js匿名函数][js 1] [js中匿名函数的N种写法][js_N] 直接上代码和截图 <!DOCTYPE html>

快来打我*/ 2022年11月06日 05:53/ 0 赞/ 237 阅读

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

[点此查看全部文字教程、视频教程、源代码][Link 1] 本文目录 1. 函数也是一种类型 2. 匿名函数 3. 自执行匿名函数 4.

￡神魔★判官ぃ/ 2022年10月23日 11:20/ 0 赞/ 255 阅读

相关 javascript自执行匿名函数

格式：（function()\{ //代码 \})(); 解释：这是相当优雅的代码（如果你首次看见可能会一头雾

Love The Way You Lie/ 2022年10月01日 03:50/ 0 赞/ 251 阅读

相关 Javascript的匿名函数与自执行

函数是JavaScript中最灵活的一种对象，这里只是讲解其匿名函数的用途。匿名函数：就是没有函数名的函数。函数的定义，大致可分为三种方式：第一种：这也是最常规的一

我会带着你远行/ 2022年07月17日 04:37/ 0 赞/ 247 阅读

相关浅析Javascript匿名函数与自执行函数

函数是JavaScript中最灵活的一种对象，这里只是讲解其匿名函数的用途。匿名函数：就是没有函数名的函数。函数的定义，大致可分为三种方式：第一种：这也是最常规的一种

墨蓝/ 2022年07月13日 10:23/ 0 赞/ 247 阅读

相关 JS匿名自执行函数

1. 什么是自执行的匿名函数? 它是指形如这样的函数: (function \{// code\})(); 2. 疑问为什么(function

叁歲伎倆/ 2022年07月13日 01:17/ 0 赞/ 209 阅读

相关 js中的匿名函数和匿名自执行函数

1.匿名函数的常见场景 js中的匿名函数是一种很常见的函数类型，比较常见的场景: <input type="button" value="点击" id="btn

深藏阁楼爱情的钟/ 2022年06月15日 08:10/ 0 赞/ 285 阅读

相关 javascript 匿名函数的理解

[http://www.jb51.net/article/21948.htm][http_www.jb51.net_article_21948.htm] 代码如下:

约定不等于承诺〃/ 2022年06月15日 02:55/ 0 赞/ 277 阅读

相关 JavaScript中的匿名函数

转载自：[https://blog.csdn.net/clh386/article/details/78560136][https_blog.csdn.net_clh386_a

妖狐艹你老母/ 2022年03月25日 16:56/ 0 赞/ 301 阅读