非零基础自学前端最后一遍二 JavaScript基础 7 JavaScript函数 7.13 函数的定义-函数表达式写法

ゞ浴缸里的玫瑰 2024-03-24 13:15 20阅读 0赞

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

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

*   *   *  非零基础自学前端最后一遍
         *  二 JavaScript基础
         *  7 JavaScript函数
         *   *  7.13 函数的定义-函数表达式写法
             *   *  7.13.1 函数表达式（Function Expressions）
                 *  7.13.2 函数声明 vs 函数表达式

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

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

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

##### 7.13 函数的定义-函数表达式写法 #####

###### 7.13.1 函数表达式（Function Expressions） ######

*  在JavaScript中，函数并不是一种神奇的语法结构，而是一种特殊的值。
 *  前面定义函数的方式，我们称之为函数的声明（Function Declaration）；
 *  还有另外一种写法是函数表达式（Function Expressions）：
    
    ![在这里插入图片描述][550433a5ce2c42f2a95c160c37ef245f.png_pic_center]
 *  注意，function 关键字后面没有函数名
    
     *  **函数表达式允许省略函数名。**
 *  无论函数是如何创建的，函数都是一个值（这个值的类型是一个对象，对象的概念后面会讲到）。
 *  在JavaScript开发中，我们可以将函数作为**头等公民**。

<!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>
    
        // 函数的声明(声明语句)
        foo()
        function foo() {
          
          console.log("foo函数被执行了~")
        }
    
        // 函数的表达式
        // console.log(message) // undefined
        // var message = "why"
    
        // console.log(bar)
        bar()
        var bar = function () {
          
          console.log("bar函数被执行了~")
        }
    
      </script>
    
    </body>
    
    </html>

运行结果

![在这里插入图片描述][97e296891e304687b9ae332dfe05c206.png_pic_center]

![在这里插入图片描述][0cbcb0434d994ca4b993e3a065b3870f.png_pic_center]

###### 7.13.2 函数声明 vs 函数表达式 ######

*  在开发中，函数的声明和函数表达式有什么区别，以及如何选择呢？
 *  首先，语法不同：
    
     *  函数声明：在主代码流中声明为单独的语句的函数。
     *  函数表达式：在一个表达式中或另一个语法结构中创建的函数。
 *  其次，JavaScript创建函数的时机是不同的：
    
     *  **函数表达式是在代码执行到达时被创建，并且仅从那一刻起可用。**
        
        ![在这里插入图片描述][b97dfa7a597344a5b65f97d6ba446afa.png_pic_center]
     *  在函数声明被定义之前，它就可以被调用。
        
         *  这是内部算法的原故；
         *  当 JavaScript 准备 运行脚本时，首先会在脚本中寻找全局函数声明，并创建这些函数；
 *  开发中如何选择呢？
    
     *  当我们需要声明一个函数时，首先考虑函数声明语法。
     *  它能够为组织代码提供更多的灵活性，因为我们可以在声明这些函数之前调用这些函数。

[ba25c55eaa7a4bfe9806bd5c32d83bdf.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/9a84a4a40e974cbba80982788ae41ea3.png
[550433a5ce2c42f2a95c160c37ef245f.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/9d98d32216df4eef92f2d9d3e1a25aab.png
[97e296891e304687b9ae332dfe05c206.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/0918cecf81b8421c99acf776278bfc2c.png
[0cbcb0434d994ca4b993e3a065b3870f.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/444047753e28433ea7ae723ef9d877ac.png
[b97dfa7a597344a5b65f97d6ba446afa.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/0828c08be3d244caaf187c31f5148382.png