非零基础自学前端最后一遍二 JavaScript基础 3 JavaScript变量和数据类型 3.10 数据类型-Undefined类型

淡淡的烟草味﹌ 2024-03-25 10:15 29阅读 0赞

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

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

*   *   *  非零基础自学前端最后一遍
         *  二 JavaScript基础
         *  3 JavaScript变量和数据类型
         *   *  3.10 数据类型-Undefined类型
             *   *  3.10.1 Undefined类型

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

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

#### 3 JavaScript变量和数据类型 ####

##### 3.10 数据类型-Undefined类型 #####

###### 3.10.1 Undefined类型 ######

*  Undefined 类型只有一个值，就是特殊值 undefined。
    
     *  如果我们声明一个变量，但是没有对其进行初始化时，它默认就是undefined；
    
    ![在这里插入图片描述][9efc2c07bf214b6f868a7b45b78a5a7e.png_pic_center]
 *  下面的代码是一样的
    
    ![在这里插入图片描述][0f0d8617228149b9afc6f8b2d0b773ea.png_pic_center]
 *  这里有两个注意事项：
    
     *  注意一：最好在变量定义的时候进行初始化，而不只是声明一个变量；
     *  注意二：不要显示的将一个变量赋值为undefined
        
         *  如果变量刚开始什么都没有，我们可以初始化为0、空字符串、null等值；

<!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>
        var message
        var info = undefined // 不推荐
    
        console.log(message, info)
      </script>
    
    </body>
    
    </html>

渲染结果

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

[defbb226e39a445398e166374a93f809.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/1787967025cd44299fe55245247a556a.png
[9efc2c07bf214b6f868a7b45b78a5a7e.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/a76c2e7bfda2424c859aaa56b1cb873b.png
[0f0d8617228149b9afc6f8b2d0b773ea.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/77e073e4203f4ef8a4e2092138506972.png
[1c917d23b8434ea8a89abab17070f047.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/67d315d22cb548e39b41b08f488d9d25.png