JS中常量与变量以及命名规范

迈不过友情╰ 2022-06-06 03:30 302阅读 0赞

**变量**  
顾名思义，变量即可变的量，在JS中我们使用**var** 关键词来定义一个变量，而变量存储的值可以改变的 **值是可以改变的**。  
在ES6中定义变量使用的是**let**。  
JS中变量本身没有什么意义，仅仅是一个名字而已`变量只是一个无意义的名字`，我们操作变量其实想要操作的都是它存储的那个值。`值不可以变`，**变量只能代表一个值**。

// ->创建了一个叫做aa的变量，并且给变量赋值为1
    var aa = 1;
    console.log(aa);
    
    aa = 2;
    console.log(aa);

**常量**  
相对于变量来说，常量是不会改变的，我们可以把JS中的数据值理解为常量，例如1就是数字1，不可能变成其它的，所以它就是常量 `每一个具体的数据类型都是常量`

如果和变量对比，我们的常量应该是：定义一个常量名字，给它存储一个值，这个值是不可能修改的，**`在新版本ECMAScript（ES6/ES7）中，我们可以使用const来定义一个常量`**。

const bb = 2;
    console.log(bb)
    bb = 3;//=>Uncaught TypeError: Assignment to constant variable. 常量存储的值是不能修改的。
    console.log(bb); -----------------------
    const 是ES6中定义常量的。

JS中的命名规范  
说到JS中的命名规范，我们从现在开始就要做一个有职业操守的IT编程者：养成规范的命名习惯。

**第一点：JS严格区分大小写。**

废话不多说，直接上代码。

var test =12;
    var Test = 12;
    console.log(test) //=>两个变量是不同的，JS严格区分大小写。

**第二点：命名的时候遵循\`驼峰命名法。**

一个名字可以由多个有意义的单词组成的，那么第一个单词首字母小写，其余每一个有意义的单词的首字母都要大写

切记：命名的时候要使用英语，千万不能使用拼音。还要注意一点，那就是不是所有的单词都需要简写，我们必须保证别人在看到你命名的名字之后知道是什么意思。要做到“见字知意”。

// =>设置的名字一定要有意义，让别人看到名字大概就了解到变量所代表的含义了
    // =>[正确]
    var studentInformation;
    var studentInfo;
    
    // => [错误实例]
    var xueshengInfo;
    var xsxx;
    var student-information   //错误的命名规范，因为在JS中是不支持中杠的（-）,这点要切记，是绝对不支持中杠的。

在我们行业中有一些常用的一些短词语：

>  *  info：information 信息
>  *  imp: important重要的
>  *  init： initialization初始化、最初的
>  *  del：delete 删除
>  *  rm：remove移除
>  *  add：增加
>  *  insert：插入
>  *  create：创建
>  *  fn：function函数
>  *  update：修改
>  *  select：查询选择
>  *  query：获取
>  *  get：获取
>  *  con：content内容  
>     **第三点是：3.可以`使用数字、字母、下划线、$来命名`，但是`数字不能作为名字的开始`，也不支持中杠（-）。**

var info;
    var info2;
    var student_info;
    var 2info;  // =>错误的，不能以数字开头！！！
    //----------
    var _student; // => 在真实的项目中有这样一个约定俗成的规范，以_开头的变量是公共变量（全局变量），在很多地方都可以获取使用。
    
    var $student; // =>真实项目中如果是通过JQuery获取的值，那么存储值的变量我们会在前面以$开始。
    var student-information   //错误的命名规范，因为在JS中是不支持中杠的（-）,这点要切记，是绝对不支持中杠的。

**第四点：不能使用关键字和保留字命名**

> 关键字：在JS中有特殊含义的，例如：var、for、break、continue…  
> 保留字：未来可能会成为关键字的，例如：class

![这里写图片描述][SouthEast]  
![这里写图片描述][SouthEast 1]![这里写图片描述][SouthEast 2]

[SouthEast]: /images/20220606/c29f48543ea14813b4b7cb575a796ab3.png
[SouthEast 1]: https://img-blog.csdn.net/20171028234738812?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvQ2hlcnJ5TGVlXzEyMTA=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast
[SouthEast 2]: /images/20220606/77c34c04b35e4a8ebb0a691928b939de.png