变量和常量

发表于 | 分类于

任何程序的运行的都离不开数据。同理，任何程序的开发也离不开数据。不管是日常的代码练习还是实际的项目开发，都会涉及到数据的操作（例如：数据的增删改查）。为了能够更方便的去操作数据，开发者们对数据进行了命名保存，即把需要操作的数据保存在一个有名字的容器中。

在 JavaScript 中，变量和常量就可以看做是“有名字的保存数据的容器”。

变量的声明

想要保存数据，首先需要将容器创建出来。我们将创建容器的过程称之为“变量的声明”。

变量的声明方式总共分为两种：

  1. var：ES6 出来之前最常用的声明变量的方式。
  2. let：ES6 中新增的声明变量的方式。

两种声明方式的语法结构如下：

1
2
var 变量名;
let 变量名;

例如，我们要通过var声明一个名字叫做num的变量，代码如下：

1
var num;

同理，如果我们要通过let声明一个名字叫做username的变量，代码如下：

1
let username;

变量的赋值

容器创建好之后，就可以将数据保存到容器里了。我们把数据保存进容器的过程称之为“变量的赋值”。

var和let的赋值方式一样，语法结构如下：

1
变量名 = 数据;

注意：JavaScript 中的=和数学中的=含义并不相同。在 JavaScript 中，=叫做赋值符，表示将=右边的数据赋值给=左边的变量。

例如：我们要将数字100赋值给变量num。代码如下：

1
2
var num;
num = 100;

又例如：我们要将姓名John赋值给变量name。代码如下：

1
2
let username;
username = 'John';

同一个变量可以进行多次赋值，后面赋值的数据会将前面赋值的数据覆盖掉，以此来实现变量值的修改。例如：

1
2
3
let username;
username = 'John';   // 第一次赋值
username = 'Lucy';   // 第二次赋值

上面代码中，变量username最终保存的数据为Lucy。

变量的初始化

我们可以先创建容器，再保存数据。也可以在创建容器的同时就将数据保存进去。即声明变量的同时就对变量进行赋值，我们将这个声明和赋值同时进行的过程称之为“变量的初始化”。

我们将上面两个例子改写成变量初始化的代码：

1
2
var num = 100;
let username = 'John';

常量的初始化

保存数据的容器除了变量之外还有常量。在 ES6 出来之前，并没有专门声明常量的方式。ES6 中才新增了关键字const用来声明常量。

常量的使用要求在声明的同时必须赋值，否则程序会报错。

1
2
3
4
5
// 错误语法
const num;
num = 10;
// 正确语法
const num = 10;

注意：常量一旦被初始化，值就不能被改变。常量的使用只能进行读取操作。

1
2
const num = 10;
num = 20;   // 报错，常量不允许修改
我 秦始皇 打钱