Baka-Blog

Appearance

常量（字面量）：数字和字符串 ​

常量也称之为“字面量”，是固定值，不可改变。看见什么，它就是什么。

常量有下面这几种：

  • 数字常量（数值常量）
  • 字符串常量
  • 布尔常量
  • 自定义常量

数字常量 ​

数字常量非常简单，直接写数字就行，不需要任何其他的符号。既可以是整数，也可以是浮点数。

例如：

javascript
// 不需要加引号
alert(996); // 996是整数
alert(3.14); // 3.14是浮点数（即带了小数）

字符串常量 ​

字符串常量就是用单引号或双引号括起来的内容。可以是单词、句子等，一定要加引号。在JS中，只要是单引号或双引号括起来的内容，都是字符串常量。

例如：

javascript
console.log('996');

console.log("千古壹号，永不止步");

温馨提示：996 是数字，'996'是字符串。

布尔常量 ​

布尔常量就是表达真或者假，在JS中用 true 和 false 来表达。

布尔字面量举例：

javascript
if (true) {
	console.log('如果为真，就走这里面的代码);
}

自定义常量：const ​

自定义常量是ES6中新增的语法。它的语法格式是这样的：

js
const 常量名称 = 常量取值;

举例：

js
const name = '千古壹号'; // 定义常量name，它的取值是 千古壹号

// name =  '许嵩'; // 既然 name 是常量，所以这一行是错误的写法，因为 name 无法被修改为其他的值

console.log(name); // 打印结果：千古壹号

后续我们讲ES6语法的时候，会深入学习 const 用法。

开发技巧：用变量定义常量 ​

我们一般不会直接使用常量，否则会导致代码冗余、不易维护。如果多个地方要用到同一个常量，那就建议事先定义一个变量，用来保存这个常量；然后在需要的地方去引用这个变量就行了。另外，当我们学习了ES6中的 const 之后，还可以使用自定义常量达到目的。

变量的概念 ​

变量表示可以改变的数据，一个变量，就是一个用于存放这个数据的容器。我们通过「变量名」获取数据，甚至修改数据。

变量还可以用来保存常量。

本质：变量是程序在内存中申请的一块用来存放数据的空间。比如，超市货架的储物格就是变量, 在不同的时间段里，储物格中存储的数据可以不一样。

实际开发中，变量使用得非常频繁，因为这些数据并非固定不变。比如，以下使用场景中的信息都可以用变量存储：

  • 商品信息：价格、库存数量、购买的客单价
  • 歌曲信息：时长、播放进度、歌词内容
  • 用户信息：用户名、年龄、性别、地址
  • 时间和日期
  • App系统设置的配置参数；用户的偏好设置，比如主题、语言等。
  • 微博：用户关注的人、粉丝数量；发布的帖子数量、点赞数。

变量的定义和赋值 ​

定义变量是在告诉浏览器，我们需要一块内存空间，相当于生成超市里的储物格。

给变量赋值就是往相当于往储物格里塞东西，可能今天上午塞的是面包🍞，下午就换成了蛋糕🍰。

变量的定义/声明（ES5） ​

在 ES6 语法之前，统一使用var关键字来声明一个变量。比如：

javascript
var name; // 定义一个名为 name 的变量。name是变量名。

var 是英语“variable”变量的缩写。var的后面要加一个空格，空格后面的紧跟的就是“变量名”。

PS：在 JavaScript 中，永远都是用 var 来定义变量（在 ES6 之前），这和 C、Java 等语言不同。

变量的定义/声明（ES6） ​

在 ES6 语法及之后的版本里，可以使用 const、let关键字来定义一个变量。比如：

js
const name; // 定义一个常量

let age; // 定义一个变量

如果你想定义一个常量，就用 const；如果你想定义一个变量，就用 let。

变量的赋值 ​

使用 = 这个符号即可给变量赋值。举例：

javascript
name = '千古壹号';

综合起来，变量的定义、赋值、取值，举例如下：

js
// 定义：声明一个变量
var num;
// 赋值：往变量中存储数据
num = 996;
// 取值：从变量中获取存储的数据
console.log(num);

定义+赋值的合并写法 ​

变量的定义和赋值，还可以合并写在一起，是实战中常用的写法。举例如下：

javascript
var a = 100; // ES5语法
console.log(a);

const b = 'hello'; // ES6 语法

let c = 'world'; // ES6 语法
c = 'qianguyihao'; // 修改 变量 C 的值

定义一个变量并赋值， 我们称之为变量的初始化。如下图所示：

  • 定义变量：var 就是一个关键字，用来定义变量。所谓关键字，就是有特殊功能的单词。

  • 变量名：我们可以给变量起个名字。

  • 变量赋值：等号表示赋值，将等号右边的值，赋给左边的变量。

变量的初始化【重要】 ​

第一次给变量赋值，称之为“变量的初始化”，这个概念非常重要。第二次给这个变量赋值（也就是修改这个变量的值）就不叫初始化了。

一个变量如果没有进行初始化（只声明，不赋值），那么这个变量中存储的值是undefined，这个知识点必须知道。

变量的初始化，可以有两种形式，如下。

形式1：先定义，在赋值。举例：

js
var name;
name = 'qianguyhihao';

形式2：在定义的同时进行初始化。也就是上一小段讲的“合并写法”。举例：

js
var name = 'qianguyihao';

变量定义和赋值的补充 ​

修改变量的值 ​

一个变量被重新复赋值后，它原有的值就会被覆盖，变量值将以最后一次赋的值为准。

举例：

javascript
var a = 100;
a = 110;

console.log(a); // 打印结果：110。因为 110 覆盖了 100

同时定义多个变量 ​

1、同时定义多个变量时，只需要写一个 var， 多个变量名之间用英文逗号隔开。举例：

javascript
// 同时定义多个变量
var num1, num2;

2、定义多个变量的同时，分别进行初始化。举例：

js
// 定义多个变量的同时，进行初始化
var num1 = 10, num2 = 20;

如果多个变量的初始化值都是一样的，则可以这样简写：

js
var num1, num2;
num1 = num2 = 10; // 重点在这一行

console.log(num1); // 10
console.log(num2); // 10

上面的写法和下面的写法是有区别的：（注意看打印结果）

js
var num1, num2 = 10;

console.log(num1); // undefined
console.log(num2); // 10

变量之间可以相互赋值 ​

js
var num1, num2;
num1 = 10;
num2 = num1; // 把 num1 的值拷贝一份，赋值给 num2
console.log(num2); // 10

变量如果重复定义 ​

在ES5中，如果用 var 定义了同名变量，那么，后定义的变量，会覆盖先定义的变量。举例：

js
var name = '许嵩';
var name = '千古壹号'; // 这里会重新定义一个新的变量 name

console.log(name); // 千古壹号

变量声明和赋值的几种情况 ​

变量建议先声明，再使用；否则可能会产生意想不到的结果。具体如下。

写法 1、先声明，再赋值：（正常）

javascript
var a;
a = 100;
console.log(a); // 打印结果：100

写法 2、只声明，不赋值：（默认值为 undefined）

javascript
var a;
console.log(a); // 打印结果：undefined

写法 3、不声明，直接赋值：（正常）

javascript
a = 100;
console.log(a); // 打印结果：100

写法3虽然不报错，但并不推荐这么写。变量 a 会被添加到 windows 对象上。它跟写法1是有区别的，等以后学习了「变量提升」的概念就明白了。相比之下，我们更推荐用写法 1。

写法 4、不声明，不赋值，直接使用：（会报错）

javascript
console.log(a); // 会报错

控制台会报错：

补充：写法 1 和写法 2 虽然都正常，但这两种写法是有区别的，举例

举例：交换两个变量的值

代码实现：

javascript
var a1 = 100;
var a2 = 200;

var temp;

temp = a1;
a1 = a2;
a2 = temp;

最后 ​

关于变量的命名规则，将在下一篇文章里讲。

赞赏作者 ​

创作不易，你的赞赏和认可，是我更新的最大动力：