本文详细介绍了JavaScript中的运算符（包括赋值、一元、比较、逻辑及优先级）、语句（表达式与语句，分支如if、三元和switch，以及循环如while），帮助理解编程逻辑和避免常见错误。
目录
一、运算符
1. 赋值运算符
赋值运算符：对变量进行赋值的运算符
" = ":
将等号右边的值赋予给左边, 要求左边必须是一个容器
- let num = 1
- let x = num + 10
- let y = x + num
其他赋值运算符（与算术运算符结合的变体）：
- +=
- -=
- *=
- /=
- %=
开始：
使用 += ：
其他使用方法同 +=
2. 一元运算符
JavaScript 的运算符根据所需
运算项的个数
，分为一元运算符、二元运算符、三元运算符
二元运算符：
例：let num = 10 + 20
一元运算符：
例：
正负号（数值运算符）
- 自增：
- 符号：++
- 作用：让变量的值 +1
- 自减：
- 符号：--
- 作用：让变量的值 -1
- 使用场景：经常用于计数来使用。
自增运算符的用法：
前置自增：
- 每执行1次，当前变量数值加1
- 其作用相当于 num += 1
后置自增：
- 每执行1次，当前变量数值加1
- 其作用相当于 num += 1
前置自增和后置自增单独使用没有区别，但是如果参与运算就有区别了
前置自增：
先自加再使用
后置自增：
先使用再自加
3. 比较运算符
比较运算符的介绍
使用场景：比较两个值的大小、比较两个值是否相等
比较运算符：
- > ： 左边是否大于右边
- < ： 左边是否小于右边
- >= ： 左边是否大于或等于右边
- <= ： 左边是否小于或等于右边
- == ： 左右两边值是否相等
- === ： 左右两边是否类型和值都相等
- !== ： 左右两边是否不全等
对比：
- = 单等是赋值
- == 是判断
- === 是全等
- 开发中判断是否相等，建议使用 ===
比较结果为boolean类型，即只会得到 true 或 false
字符串比较，是比较的字符对应的ASCII码
- 从左往右依次比较
- 如果第一位一样再比较第二位，以此类推
NaN不等于任何值，包括它本身
- 涉及到NaN 都是false
尽量不要比较小数，因为小数有精度问题
不同类型之间比较会发生隐式转换
- 最终把数据隐式转换转成number类型再比较
- 所以开发中，如果进行准确的比较使用 === 或者 !==
4. 逻辑运算符
使用场景：
逻辑运算符用来解决
多重条件判断
举例：
判断一个变量 num 是否大于5且小于10
正确写法： num > 5
&&
num < 10
| 符号 | 名称 | 日常读法 | 特点 | 口诀 |
|---|---|---|---|---|
| && | 逻辑与 | 并且 | 符号两边都为true，结果才为true | 一假则假 |
| || | 逻辑或 | 或者 | 符号两边有一个为true，就为true | 一真则真 |
| ! | 逻辑非 | 取反 | true变false，false变true | 真变假，假变真 |
5. 运算符优先级
| 优先级 | 运算符 | 排序 |
|---|---|---|
| 1 | 小括号 | () |
| 2 | 一元运算符 | ++ -- ! |
| 3 | 算数运算符 | 先 * / % 后 + - |
| 4 | 关系运算符 | > >= < <= |
| 5 | 相等运算符 | == != === !== |
| 6 | 逻辑运算符 | 先 && 后 || |
| 7 | 赋值运算符 | = |
| 8 | 逗号运算符 | , |
- 一元运算符里面的逻辑非优先级很高
- 逻辑与比逻辑或优先级高
二、语句
1. 表达式和语句
表达式：指为了得到结果的计算式子。如：3 + 4，num++
语句：指为了完成某个任务而执行的一段代码。如： 声明变量：let a; prompt() 可以弹出一个输入框，还有 if 语句，for 循环语句等等
区别：
表达式：
是为了计算出一个结果，一定会有结果，所以它可以写在赋值语句的右侧。
- 表达式 num = 3 + 4
语句：
是为了进行某种操作，不一定有结果，所以比如 alert() for和break 等语句就不能被用于赋值。
- 语句 alert() 弹出对话框 console.log() 控制台打印输出
某些情况，也可以把表达式理解为表达式语句，因为它既是在计算结果，也是在做事。
凡是JavaScript中预期为值的地方，都可以使用表达式。比如：赋值语句的右边，预期是一个值，因此可以放各种表达式。
2. 分支语句
程序三大流程控制语句
- 顺序结构：从上往下按顺序依次执行，写几句就执行几句
- 分支结构：根据条件有选择的执行代码
- 循环结构：重复执行某段代码
分支语句
- 分支语句可以让我们有选择性的执行想要的代码
- 分支语句包含：
- If分支语句
- 三元运算符
- switch 语句
2.1 if 语句
if 语句有三种使用：单分支、双分支、多分支
单分支使用语法：
- 括号内的条件为true时，进入大括号里执行代码
- 小括号内的结果若不是布尔类型时，会发生隐式转换，转为布尔类型
- 如果大括号内只有一行代码，大括号可以省略
双分支 if 语法：
多分支 if 语法：
使用场景： 适合于有多个结果的时候， 比如产品质量可以分为： 优 良 中 差
- 先判断条件1，若满足条件1就执行代码1，其他不执行
- 若不满足则向下判断条件2，满足条件2执行代码2，其他不执行
- 若依然不满足继续往下判断，依次类推
- 若以上条件都不满足，执行else里的代码n
注：可以写N个条件
2.2 三元运算符
三元运算符（
需要3个式子参与运算
）：
? 与 : 配合使用
使用场景：
通常被用于 if 双分支 的简写形式
语法：
一般用来取值
2.3 switch语句
- 找到根小括号里的数据 全等 的case值，并执行里面对应的代码
- 若没有全等 === 的则执行default里的代码。
- 例：数据若跟值2全等，则执行代码2
3. 循环语句
3.1 循环结构
作用
：学习时可以帮助更好的理解代码运行，工作时可以更快找到bug
浏览器打开调试界面
- 按F12打开开发者工具
- 点到sources一栏
- 选择代码文件
断点：在某句代码上加的标记就叫断点，当程序执行到这句有标记的代码时会暂停下来
3.2 while循环
循环：重复执行一些操作， while : 在…. 期间， 所以 while循环 就是在满足条件期间，重复执行某些代码。
while 循环基本语法：
- 跟if语句很像，只有小括号里的条件为true，才会进入 循环体 执行代码
- while大括号里代码执行完毕后不会跳出，而是继续回到小括号里判断条件是否满足，若满足又执行大括号里的代码，然后再回到小括号判断条件，直到括号内条件不满足，才会跳出，执行while语句后面的代码。
while 循环三要素：
如果循环条件一直成立，则会造成“死循环”。
循环的本质就是以某个变量为起始值，然后不断产生变化量，慢慢靠近终止条件的过程。
while循环需要具备三要素
：
- 循环变量（赋起始值）
- 循环终止条件（没有终止条件，循环会一直执行，造成死循环）
- 循环变量的变化量（用自增或者自减）
3.3 循环退出
循环结束：
- continue：结束本次循环，继续下次循环
- break：跳出所在的循环
区别：
- continue 退出本次循环，一般用于排除或者跳过某一个选项的时候, 可以使用continue
- break 退出整个循环，一般用于结果已经得到, 后续的循环不需要的时候可以使用
扫一扫
105
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
