JavaScript基础知识-立即执行函数

简介: 关于JavaScript基础知识中立即执行函数的介绍。

作者:尹正杰
版权声明:原创作品,谢绝转载!否则将追究法律责任。

一.JavaScript源代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>立即执行函数</title>

    <script type="text/javascript">

        //   匿名函数: 我们可以用一个变量来接收一个匿名函数,这样就可以多次调用该匿名函数啦~
        var func01 = function () {
            console.log("这是一个匿名函数...");
        }

        func01();  // 调用你们函数
        func01();  // 调用你们函数
        func01();  // 调用你们函数

        /**
         *  立即执行函数:
         *      函数定义外脑,立即被调用,这种函数叫做立即执行函数。
         *      立即执行函数往往只会执行一次,本质上上依旧时一个匿名函数,只不过未用变量接收,定义匿名函数后立即调用而已。
         */
        (function () {
             console.log("定义匿名函数后直接调用,称之为:'立即函数',本质上还是一个匿名函数哟~");
         })();

    </script>
</head>
<body>

</body>
</html>

二.浏览器打开以上代码渲染结果

目录
相关文章
|
24天前
|
前端开发 JavaScript 开发者
揭秘JavaScript魔法三剑客:call、apply、bind,解锁函数新世界,你的前端之路因它们而精彩!
【8月更文挑战第23天】在 JavaScript 的世界里,`call`、`apply` 和 `bind` 这三个方法常常让新手感到困惑。它们都能改变函数执行时的上下文(即 `this` 的指向),但各有特点:`call` 接受一系列参数并直接调用函数;`apply` 则接收一个参数数组,在处理不确定数量的参数时特别有用;而 `bind` 不会立即执行函数,而是创建一个新版本的函数,其 `this` 上下文已被永久绑定。理解这三个方法能帮助开发者更好地运用函数式编程技巧,提升代码灵活性和可维护性。
24 0
|
13天前
|
JavaScript 前端开发
JavaScript基础知识-函数的返回值
关于JavaScript函数返回值的基础知识。
19 9
JavaScript基础知识-函数的返回值
|
13天前
|
JavaScript 前端开发
JavaScript基础知识-函数的参数
关于JavaScript函数参数基础知识的介绍。
16 4
JavaScript基础知识-函数的参数
|
11天前
|
JavaScript 前端开发
JavaScript 函数
JavaScript 函数
21 9
|
12天前
|
JavaScript 前端开发
前端JS函数
【9月更文挑战第4天】前端JS函数
20 6
|
9天前
|
存储 JavaScript 前端开发
JS中的数组有哪些常用操作函数和属性
【9月更文挑战第7天】JS中的数组有哪些常用操作函数和属性
9 1
|
1月前
|
JavaScript 前端开发
JavaScript基础&实战(4)js中的对象、函数、全局作用域和局部作用域
这篇文章介绍了JavaScript中对象的基本概念和操作,包括对象属性和方法的使用、对象字面量的创建、函数的定义和作用域的概念,以及全局作用域和局部作用域的区别和特性。
JavaScript基础&实战(4)js中的对象、函数、全局作用域和局部作用域
|
16天前
|
自然语言处理 JavaScript 前端开发
|
22天前
|
SQL JavaScript 前端开发
【Azure 应用服务】Azure JS Function 异步方法中执行SQL查询后,Callback函数中日志无法输出问题
【Azure 应用服务】Azure JS Function 异步方法中执行SQL查询后,Callback函数中日志无法输出问题
|
1月前
|
JavaScript
js中有哪些函数?
js中有哪些函数?
19 0