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