立即执行函数的两种写法

最新推荐文章于 2023-08-06 11:18:35 发布

Wu_hello_mi

最新推荐文章于 2023-08-06 11:18:35 发布

阅读量250

点赞数

分类专栏： js # DOM和BOM 文章标签： javascript 前端

本文链接：https://blog.csdn.net/qq_51387458/article/details/129962983

版权

js 同时被 2 个专栏收录

20 篇文章 0 订阅

订阅专栏

DOM和BOM

19 篇文章 0 订阅

订阅专栏

1、 (function() {})()

2、(function(){}())

立即执行函数的好处：创建一个独立的作用域。避免了命名冲突问题。

注意点：

立即执行函数: 不需要调用，立马能够自己执行的函数

也可以传递参数进来，第二个小括号可以看做是调用函数

可以给立即执行函数取名字

当有多个立即执行函数时，在立即执行函数末尾应该加上分号。

例子：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <script>
        // 1.立即执行函数: 不需要调用，立马能够自己执行的函数
        function fn() {
            console.log(1);

        }
        fn();
        // 2. 写法 也可以传递参数进来
        // 1.(function() {})()    或者  2. (function(){}());
        (function(a, b) {
            console.log(a + b);
            var num = 10;
        })(1, 2); // 第二个小括号可以看做是调用函数
        (function sum(a, b) {
            console.log(a + b);
            var num = 10; // 局部变量
        }(2, 3));
        // 3. 立即执行函数最大的作用就是 独立创建了一个作用域, 里面所有的变量都是局部变量 不会有命名冲突的情况
    </script>
</body>

</html>

参考：黑马程序员