非零基础自学前端最后一遍二 JavaScript基础 7 JavaScript函数 7.18 立即执行函数的其他写法

阳光穿透心脏的1/2处 2024-03-22 16:01 40阅读 0赞

#### 非零基础自学前端最后一遍 ####

#### 文章目录 ####

*   *   *  非零基础自学前端最后一遍
         *  二 JavaScript基础
         *  7 JavaScript函数
         *   *  7.18 立即执行函数的其他写法
             *   *  7.18.1 立即执行函数的其他写法

![在这里插入图片描述][86e9518f38b24ace8f785ded75411db0.png_pic_center]

#### 二 JavaScript基础 ####

#### 7 JavaScript函数 ####

##### 7.18 立即执行函数的其他写法 #####

###### 7.18.1 立即执行函数的其他写法 ######

*  立即执行函数必须是一个表达式（整体），不能是函数声明（了解即可）：
    
     *  下面的这种写法会报错，因为是一个函数声明，不是一个函数表达式；
     *  当圆括号出现在匿名函数的末尾想要调用函数时，它会默认将函数当成是函数声明。
    
    ![在这里插入图片描述][f21f4915e1ad4017b2a16f9e07962c5d.png_pic_center]
 *  当圆括号包裹函数时，它会默认将函数作为表达式去解析，而不是函数声明。
    
    ![在这里插入图片描述][52c766a6cc8b4510836933e9f6c783fe.png_pic_center]
 *  下面是一个函数表达式，所以可以执行
    
    ![在这里插入图片描述][469d726eba7f426d92a17786b7c46e82.png_pic_center]

<!DOCTYPE html>
    <html lang="en">
    
    <head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
    </head>
    
    <body>
    
      <script>
        // 1.常见的写法
        // (function() {
         
        //   console.log("立即执行函数被调用~")
        // })()
    
    
        // 2.错误的写法
        // () -> 优先级的()
        // function foo() {
         
        // }()
    
        // 3.其他写法
        // 匿名函数
        (function (fn) {
         
          console.log("立即执行函数被调用")
        }());
    
        // +(正号)-(负号)!(取反) - 了解【通过这些符号可以直接将函数变成表达式】
        +function foo() {
          }()
    
      </script>
    
    </body>
    
    </html>

[86e9518f38b24ace8f785ded75411db0.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/d2fc58ed9d154fef885a7f4f175ca07e.png
[f21f4915e1ad4017b2a16f9e07962c5d.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/e20d25a374f541e295d81215187ad458.png
[52c766a6cc8b4510836933e9f6c783fe.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/82184a3c2af441a5baafeec1343ff16f.png
[469d726eba7f426d92a17786b7c46e82.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/84b90ff93bad4427b1a6a2affe4ba9c3.png