Compare commits

...

3 Commits

Author SHA1 Message Date
qianguyihao
92e2410ffb update: 变量的数据类型 2024-02-22 21:01:17 +08:00
qianguyihao
238c11d6e7 update: 变量 2024-02-22 20:42:01 +08:00
qianguyihao
877bad6864 update: 变量 2024-02-22 20:20:11 +08:00
4 changed files with 49 additions and 36 deletions

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
@ -251,7 +263,7 @@ var name = '千古壹号'; // 这里会重新定义一个新的变量 name
console.log(name); // 千古壹号
```
### 变量声明和赋值的特殊情况
### 变量声明和赋值的几种情况
变量建议先声明,再使用;否则可能会产生意想不到的结果。具体如下。
@ -263,19 +275,21 @@ a = 100;
console.log(a); // 打印结果100
```
**写法 2**、不声明,直接赋值:(正常)
**写法 2**、只声明,不赋值:(默认值为 undefined
```javascript
var a;
console.log(a); // 打印结果undefined
```
**写法 3**、不声明,直接赋值:(正常)
```javascript
a = 100;
console.log(a); // 打印结果100
```
**写法 3**、只声明,不赋值:(注意,打印 undefined
```javascript
var a;
console.log(a); // 打印结果undefined
```
写法3虽然不报错但并不推荐这么写。变量 a 会被添加到 windows 对象上。它跟写法1是有区别的等以后学习了「变量提升」的概念就明白了。相比之下我们更推荐用写法 1。
**写法 4**、不声明,不赋值,直接使用:(会报错)
@ -287,9 +301,7 @@ console.log(a); // 会报错
![](http://img.smyhvae.com/20180116_2040.png)
**补充**:写法 1 和写法 2 虽然都正常,但这两种写法是有区别的,等以后学习了「变量提升」的概念就明白了。大多数情况下,我们都是采用的写法 1。
## 举例
**补充**:写法 1 和写法 2 虽然都正常,但这两种写法是有区别的,举例
**举例**:交换两个变量的值

View File

@ -7,7 +7,7 @@ title: 04-标识符、关键字、保留字
## 变量的命名规则(重要)
JS是大小敏感的语言。也就是说 A 和 a 是两个变量。大写字母是可以使用的,比如:
JS是大小敏感的语言。也就是说 A 和 a 是两个变量,并非同一个变量,比如:
```javascript
var A = 250; //变量1
@ -19,18 +19,17 @@ var a = 888; //变量2
必须遵守:
- 只能由字母(A-Z、a-z)、数字(0-9)、下划线(\_)、美元符( $ )组成。
- 不能以数字开头。必须以字母(A-Z、a-z)、下划线(\_)或者美元符( $ )开头。变量名中不允许出现空格。尤其注意,变量名中不能出现**中划线**`-`,很多人写了多年代码都不知道这一点,让人大跌眼镜。
- **不能以数字开头**。必须以字母(A-Z、a-z)、下划线(\_)或者美元符( $ )开头。变量名中不允许出现空格。尤其注意,变量名中不能出现**中划线**`-`,很多人写了多年代码都不知道这一点,让人大跌眼镜。
- 严格区分大小写JS 是区分大小写的语言)。
- 不能使用 JS 语言中保留的「关键字」和「保留字」作为变量名。下一篇文章会讲。
- 不能使用 JS 语言中保留的「关键字」和「保留字」作为变量名。下一会讲。
- 变量名长度不能超过 255 个字符。
-
- 汉语可以作为变量名。但是不建议使用,因为 low。
建议遵守:
- 命名要有可读性,方便顾名思义。
- 建议用驼峰命名法。比如 getElementById、getUserInfo、aaaOrBbbAndCcc
- 赋值 `=` 符号的两边建议都加上空格。
**补充**
@ -50,7 +49,7 @@ var a = 888; //变量2
## 关键字
**关键字**被JS赋予了特殊含义的单词。也就是说关键字是 JS 本身已经使用了的单词,我们不能再用它们充当变量名、函数名等标识符。关键字在开发工具中会显示特殊的颜色。
**关键字**被JS赋予了特殊含义的单词。也就是说关键字是 JS 本身已经使用了的单词,我们不能再用它们充当变量名、函数名等标识符。关键字在开发工具中会显示特殊的高亮颜色。
JS 中的关键字如下:
@ -86,7 +85,7 @@ implements、interface、package、private、protected、public
当你在网上搜“JS保留字”的时候你会找到很多版本每个版本都不一样各有各的说法。**如果有不一样的地方,请以我写的为准**。
其实,以谁的版本作为标准并不重要,因为有些单词到底是**关键字**还是**保留字**并没有严格的界限。JS 关于保留字的规则非常复杂,上列表中的一些单词在特殊情况下其实是可以使用的。
其实,以谁的版本作为标准并不重要,因为有些单词到底是**关键字**还是**保留字**并没有严格的界限。JS 关于保留字的规则非常复杂,上列表中的一些单词在特殊情况下其实是可以使用的。
我们只需要记住一点:上面提到的所有**关键字**和**保留字**,我们都不要用它们作为变量名或者参数名。不要尝试这些奇怪的做法。

View File

@ -36,9 +36,9 @@ var a = 'hello word';
var b = 123;
```
为什么可以这样做呢这是因为JavaScript 是一种「弱类型语言」,或者说是一种「动态语言」,这意味着不需要提前声明变量的类型,在程序运行过程中,类型会自动被确定。
为什么可以这样做呢这是因为JavaScript 是一种「弱类型语言」,或者说是一种「动态语言」,这意味着不需要事先声明变量的具体数据类型,在程序运行过程中,类型会自动被确定。
**JS 的变量数据类型,是在程序运行的过程中,根据等号右边的值来确定的**。而且,变量的数据类型是可以变化的。比如
**JS 的变量数据类型,是在程序运行的过程中,根据等号右边的值来确定的**。而且,变量的数据类型是可以变化的。一个变量可以在上一秒是字符串类型,下一秒是数字类型。比如:
```javascript
var name = 'qianguyihao';
@ -48,7 +48,7 @@ name = 123; // 强制将变量 name 修改为 数字类型
### JS 中一共有八种数据类型
- **基本数据类型(值类型)**String 字符串、Number 数值、BigInt 大型数值、Boolean 布尔值、Null 空值、Undefined 未定义、Symbol。
- **基本数据类型(值类型)**String 字符串、Number 数值、Boolean 布尔值、Null 空值、Undefined 未定义、BigInt 大型数值、Symbol。
- **引用数据类型(引用类型)**Object 对象。

View File

@ -261,6 +261,8 @@ console.log(typeof a); // 打印结果number
> typeof 就是典型的一元运算符,因为后面只跟一个操作数。
因为 JS是弱类型语言是[松散型](https://blog.csdn.net/cuk0051/article/details/108340196)语言,所以我们不需要**显式**指定数据的具体类型。但是我们仍需要一种手段知道某个变量到底是哪一种数据类型。typeof 运算符应运而生。
`typeof()`表示“**获取变量的数据类型**”,它是 JS 提供的一个操作符。返回的是小写,语法为:(两种写法都可以)
```javascript