mirror of
https://github.com/qianguyihao/Web.git
synced 2024-11-01 13:34:46 +08:00
Compare commits
3 Commits
dcc174bff3
...
92e2410ffb
Author | SHA1 | Date | |
---|---|---|---|
|
92e2410ffb | ||
|
238c11d6e7 | ||
|
877bad6864 |
@ -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 虽然都正常,但这两种写法是有区别的,举例
|
||||
|
||||
**举例**:交换两个变量的值
|
||||
|
||||
|
@ -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 关于保留字的规则非常复杂,上方列表中的一些单词在特殊情况下其实是可以使用的。
|
||||
|
||||
我们只需要记住一点:上面提到的所有**关键字**和**保留字**,我们都不要用它们作为变量名或者参数名。不要尝试这些奇怪的做法。
|
||||
|
||||
|
@ -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 对象。
|
||||
|
||||
|
@ -261,6 +261,8 @@ console.log(typeof a); // 打印结果:number
|
||||
|
||||
> typeof 就是典型的一元运算符,因为后面只跟一个操作数。
|
||||
|
||||
因为 JS是弱类型语言,是[松散型](https://blog.csdn.net/cuk0051/article/details/108340196)语言,所以我们不需要**显式**指定数据的具体类型。但是,我们仍需要一种手段知道某个变量到底是哪一种数据类型。typeof 运算符应运而生。
|
||||
|
||||
`typeof()`表示“**获取变量的数据类型**”,它是 JS 提供的一个操作符。返回的是小写,语法为:(两种写法都可以)
|
||||
|
||||
```javascript
|
||||
|
Loading…
Reference in New Issue
Block a user