导图社区 JS基础Day2
- 举报
JS基础Day2
这是一篇关于JS基础Day2的思维导图，总结了运算符、语句等。希望此脑图对你有所帮助！
编辑于2024-01-18 10:21:22- 编程
- JavaScript
- 相似推荐
- 大纲
JS基础Day2
运算符
赋值运算符：对变量进行复制的运算符
将等号右边的值赋予左边，要求左边必须是一个容器
+=
-=
*=
/=
%=
一元运算符
例：正负号
自增
符号：++
作用：让变量的值+1
前置自增
每执行一次，当前变量数值加1
其作用相当于num+= 1
输出变化后的值
后置自增
每执行一次，当前变量数值加1
其作用相当于num+= 1
先输出当前值在再运算
用法
前后自增独立使用时两者没有差别
一般开发时都是独立使用
i++后置自增会使用相对较多，并且都是单独使用
自减
符号：--
作用：让变量的值-1
比较运算符
>
<
>=
<=
==
===(严格相等，开发中判断是否相等，强烈推荐使用)
!==
字符串比较，比较字符对应的ASCII码
从左到右依次比较（使用较少）
NaN不等于任何数，包括其本身
尽量不去进行小数比较，有精度问题
逻辑运算符
&&
逻辑与
并且
符号两边都为true结果才为true
一假则假
||
逻辑或
或者
符号两边有一个true结果就为true
一真则真
！
逻辑非
取反
T变F，F变T
真变假，假变真
运算符优先级
小括号
（）
一元运算符
++ -- ！
算术运算符
先*/%后+-
关系运算符
> >= < <=
相等运算符
== != === !==
逻辑运算符
先&&后||
赋值运算符
=
逗号运算符
，
优先级自上而下逐渐降低
语句
表达式和语句
表达式
可以被求值的代码，JS引擎会将其计算出一个结果
因为表达式可被求值，所以可以写在赋值语句的右侧
语句
语句是一段可执行的代码
语句不一定有值，所以比如aler（） for和break等语句就不能被用于赋值
分支语句
程序三大流程控制语句
顺序结构
分支结构
循环结构
分支语句
if分支语句
三种使用方法
单分支
单分支使用语法
if（条件）{满足条件要执行的代码}
括号内的条件为true时，进入大括号内执行代码
小括号内的结果若不是布尔类型时，会发生隐式转换为布尔类型
如果大括号内只有一个语句，大括号可以省略，但不推荐
双分支
双分支语句语法
if（条件）{满足条件要执行的代码}else{不满足条件是执行代码}
多分支
多分支语句语法
if（条件1）{代码1}else if（条件2）{代码2}else if（条件3）{代码3}else{代码4}
先判断条件1若满足则执行代码1若不满足，则继续向下判断
如若条件都不满足，则执行else
条件数量不限，可以无限量写
三元运算符
if双分支更简单的写法
符号：？与：配合使用
语法： 条件 ？ 满足条件执行的代码 ： 不满足条件执行的代码
一般用来取值
switch语句
语法
switch（数据）{case 值1： 代码1 break case值2：代码2 break default：代码n break}
释义
找到与括号内数据全等的case的值，并执行里面对应的代码
若没有全等===的则执行default里的代码
若数据跟值2相等，则执行代码2
注：
switch case语句一般用于等值判断，不适合于区间判断
switch case一般需要配合break关键字使用，没有会造成case穿透
循环语句
断点调试
作用
学习时可以帮助更好的理解代码运行，工作是可以更快找到bug
浏览器打开调试界面
1.按F12打开开发者工具
2.点到sources（源代码/来源）一栏
3.选择代码文件
while循环
循环：重复执行一些代码
while：在满足...期间，重复执行代码
语法：while（循环条件）{要重复执行的代码（循环体）}
释义
跟if语句很像，要满足小括号里的条件为true才会进行循环体执行代码
while大括号里的代码执行完毕后不会跳出，而是继续回到小括号里判断条件是否满足，若满足继续执行，直到小括号内条件不满足，则跳出
三要素
变量起始值
终止条件（没有终止条件，循环会一直执行，造成死循环）
变量变化值（用自增或者自减）
循环退出
break：退出循环
退出整个循环，一般用于结果已经得到，后续循环不需要的时候使用
continue：结束本次循环，继续下次循环
退出本次循环，一般用于排除或跳过某一个选项时使用