非零基础自学前端最后一遍二 JavaScript基础 3 JavaScript变量和数据类型 3.2 变量-变量的定义过程和变量的命名规范规则

旧城等待， 2024-03-25 09:52 40阅读 0赞

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

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

*   *   *  非零基础自学前端最后一遍
         *  二 JavaScript基础
         *  3 JavaScript变量和数据类型
         *   *  3.2 变量-变量的定义过程和变量的命名规范规则
             *   *  3.2.1 变量的命名格式
                 *  3.2.2 变量的命名规范

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

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

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

##### 3.2 变量-变量的定义过程和变量的命名规范规则 #####

###### 3.2.1 变量的命名格式 ######

*  在JavaScript中如何命名一个变量呢？包含两部分：
    
     *  变量的声明：在JavaScript中声明一个变量使用var关键字（variable单词的缩写）（后续学习ES6还有let、const声明方式）
     *  变量的赋值：使用 = 给变量进行赋值；
    
    ![在这里插入图片描述][c1608fb6305947b4b30b8ea9a1fc5e10.png_pic_center]
 *  这个过程也可以分开操作：
    
    ![在这里插入图片描述][37fc99667a6f45ba95378ee30d0abd6b.png_pic_center]
 *  同时声明多个变量：
    
    ![在这里插入图片描述][58f810dda53744918d9406d58d628bf0.png_pic_center]

###### 3.2.2 变量的命名规范 ######

*  变量命名规则：必须遵守
    
    1.  第一个字符必须是一个字母、下划线（ \_ ）或一个美元符号（ $ ）
    2.  其他字符可以是字母、下划线、美元符号或数字
    3.  不能使用关键字和保留字命名：
        
         *  什么是关键字，什么是保留字？
         *  https://developer.mozilla.org/zh-CN/docs/web/javascript/reference/lexical\_grammar
            
            ![在这里插入图片描述][d336a0eeb06441f6a4a72f6364692388.png_pic_center]
    4.  变量严格区分大小写
 *  变量命名规范：建议遵守
    
     *  多个单词使用驼峰标识；
        
        ![在这里插入图片描述][9cfaf2b8ebb24d6fa16a85bc139bf0f5.png_pic_center]
     *  赋值 = 两边都加上一个空格；
     *  一条语句结束后加上分号; 也有很多人的习惯是不加；
     *  变量应该做到见名知意；

[c9a808827cd54482af544a99269e1200.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/ec7c66be0ff2466abb30b2edb425083c.png
[c1608fb6305947b4b30b8ea9a1fc5e10.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/8a460016bab444acb5ce7a5b071f6141.png
[37fc99667a6f45ba95378ee30d0abd6b.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/b0be425888794b4795b5e11709121842.png
[58f810dda53744918d9406d58d628bf0.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/e111aa49be824e859835650dd9f0a07a.png
[d336a0eeb06441f6a4a72f6364692388.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/f6077da8a5fd40a7b1788845b3998b20.png
[9cfaf2b8ebb24d6fa16a85bc139bf0f5.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/fd4d2b0bfaa145de8130d4c3146c120e.png