update: 变量

This commit is contained in:
qianguyihao 2024-02-22 20:20:11 +08:00
parent dcc174bff3
commit 877bad6864

View File

@ -79,11 +79,21 @@ console.log(name); // 打印结果:千古壹号
## 变量的概念
**变量**表示可以被修改的数据。我们通过「变量名」获取数据,甚至修改数据。
**变量**表示可以改的数据,一个变量,就是一个用于存放这个数据的容器。我们通过「变量名」获取数据,甚至修改数据。
变量还可以用来保存常量。
**本质**:变量是程序在内存中申请的一块用来存放数据的空间。打个比方,超市里的储物格就是变量, 在不同的时间段里, 储物格中存储的数据可以不一样。
**本质**:变量是程序在内存中申请的一块用来存放数据的空间。比如,超市货架的储物格就是变量, 在不同的时间段里,储物格中存储的数据可以不一样。
实际开发中,变量使用得非常频繁,因为这些数据并非固定不变。比如,以下使用场景中的信息都可以用变量存储:
- 商品信息:价格、库存数量、购买的客单价
- 歌曲信息:时长、播放进度、歌词内容
- 用户信息:用户名、年龄、性别、地址
- 时间和日期
- App系统设置的配置参数用户的偏好设置比如主题、语言等。
- 微博:用户关注的人、粉丝数量;发布的帖子数量、点赞数。
## 变量的定义和赋值
@ -99,13 +109,13 @@ console.log(name); // 打印结果:千古壹号
var name; // 定义一个名为 name 的变量。name是变量名。
```
var 是英语“variable”变量的缩写。后面要加一个空格空格后面的东西就是“变量名”。
var 是英语“variable”变量的缩写。var的后面要加一个空格,空格后面的东西就是“变量名”。
PS**在 JavaScript 中,永远都是用 var 来定义变量**(在 ES6 之前),这和 C、Java 等语言不同。
### 变量的定义/声明ES6
在 ES6 语法及之后的版本里,可以使用 `const`、`let`关键字来定义一个变量
在 ES6 语法及之后的版本里,可以使用 `const`、`let`关键字来定义一个变量。比如:
```js
const name; // 定义一个常量
@ -117,7 +127,7 @@ let age; // 定义一个变量
### 变量的赋值
变量赋值举例:
使用 `=`这个符号即可给变量赋值举例:
```javascript
name = '千古壹号';
@ -134,7 +144,7 @@ num = 996;
console.log(num);
```
### 合并写法
### 定义+赋值的合并写法
变量的定义和赋值,还可以合并写在一起,是实战中常用的写法。举例如下:
@ -142,10 +152,10 @@ console.log(num);
var a = 100; // ES5语法
console.log(a);
const b = hello; // ES6 语法
const b = 'hello'; // ES6 语法
let c = world; // ES6 语法
c = qianguyihao; // 修改 变量 C 的值
let c = 'world'; // ES6 语法
c = 'qianguyihao'; // 修改 变量 C 的值
```
定义一个变量并赋值, 我们称之为**变量的初始化**。如下图所示:
@ -154,9 +164,13 @@ c = qianguyihao; // 修改 变量 C 的值
- 定义变量var 就是一个**关键字**,用来定义变量。所谓关键字,就是有特殊功能的单词。
- 变量赋值:等号表示**赋值**,将等号右边的值,赋给左边的变量。
- 变量名:我们可以给变量起个名字。
- 定义变量var 就是一个**关键字**,用来定义变量。所谓关键字,就是有特殊功能的单词。
- 变量名:我们可以给变量起个名字。
- 变量赋值:等号表示**赋值**,将等号右边的值,赋给左边的变量。
### 变量的初始化【重要】
@ -210,7 +224,7 @@ var num1, num2;
var num1 = 10, num2 = 20;
```
如果多个变量初始化的初始化值都是一样的,则可以这样简写:
如果多个变量的初始化值都是一样的,则可以这样简写:
```js
var num1, num2;
@ -229,8 +243,6 @@ console.log(num1); // undefined
console.log(num2); // 10
```
### 变量之间可以相互赋值
```js