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

简介: 本文目录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);
1
2
3
4
5
也可以不命名,直接定义一个函数,这种方式叫做函数表达式。由于函数表达式在定义函数时没有命名,所以函数表达式是一种匿名函数。
    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类型规范的函数实现语法,只要想到函数也是一种类型,就比较容易理解了。
相关文章
|
JavaScript 前端开发
js 匿名函数 中无法正常进行 异常捕获
js 匿名函数 中无法正常进行 异常捕获
45 1
|
JavaScript 前端开发
认识JavaScript中的闭包和匿名函数
认识JavaScript中的闭包和匿名函数
78 0
|
前端开发 JavaScript Serverless
前端祖传三件套JavaScript的函数之匿名函数
在JavaScript中,函数是实现各种功能和业务逻辑的基本手段。除了常规的函数声明和函数表达式外,JavaScript还支持匿名函数的定义方式。在这篇文章中,我们将介绍JavaScript中的匿名函数,以及其使用方法和注意事项
110 0
|
JavaScript 前端开发
JavaScript函数篇之ES6箭头函数与匿名函数
对于箭头函数,this 关键字始终表示定义箭头函数的对象。
140 0
|
JavaScript 前端开发
js执行机制(同步,异步)
js执行机制(同步,异步)
js执行机制(同步,异步)
|
前端开发 算法 JavaScript
LeetCode仅执行一次字符串交换能否使两个字符串相等使用JavaScript解题|前端学算法
LeetCode仅执行一次字符串交换能否使两个字符串相等使用JavaScript解题|前端学算法
136 0
LeetCode仅执行一次字符串交换能否使两个字符串相等使用JavaScript解题|前端学算法
|
JavaScript 前端开发 测试技术
|
JavaScript 前端开发 UED
关于js暂停执行的方法
关于js暂停执行的方法
927 0
关于js暂停执行的方法
|
JavaScript 前端开发 程序员
深入理解JS执行机制
深入理解JS执行机制
深入理解JS执行机制
|
Web App开发 移动开发 JavaScript
JavaScript执行机制
JavaScript执行机制
111 0