算术运算符

数学运算符也叫算术运算符，主要包括加、减、乘、除、取余（求模）。
+：求和
-：求差
：求积
/：求商
%：取模（取余数）: 5 % 2 // 1; 5减掉能被2整除的部分，剩余的数 1
24b798699edba9a055bb64c562dc21d.png
开发中经常作为某个数字是否被整除
判断当前值是奇数还是偶数
能说出JavaScript算术运算符执行的优先级顺序
同时使用多个运算符编写程序时，会按着某种顺序先后执行，我们称为优先级。
JavaScript中 优先级越高越先被执行，优先级相同时以书从左向右执行。
乘、除、取余优先级相同
加、减优先级相同
乘、除、取余优先级大于加、减
使用 () 可以提升优先级
总结： 先乘除后加减，有括号先算括号里面的~~~
image.png
计算圆的面积
需求：对话框中输入圆的半径，算出圆的面积并显示到页面
分析：
1. 对话框: prompt();
2：算出: 面积的数学公式： πr² (let pi = 3.14)
3：转换为JavaScript写法 ： 变量 r r
4. 显示到页面: document.write()
38334dbee0374cd333e5dc671f12456.png

赋值运算符

赋值运算符：对变量进行赋值的运算符
image.png
7efa735dd83626ab50d3f2ed92c2b8e.png

一元运算符

自增运算符的用法
前置自增（先自加再返回值（记忆口诀：++在前 先加）
image.png
image.png
后置自增（先返回值再自加（记忆口诀：++在后 后加）
image.png
image.png
自减和自增一样的

比较运算符

比较运算符的使用
> ： 左边是否大于右边
<： 左边是否小于右边
>=： 左边是否大于或等于右边
<=： 左边是否小于或等于右边
==： 左右两边是否相等,将两边的数据进行转换为数值
===： 左右两边是否类型和值都相等
!==： 左右两边是否不全等
比较结果为boolean类型，即只会得到true或false
NaN不等于任何值，包括它本身

尽量不要比较小数，因为小数有精度问题
不同类型之间比较会发生隐式转换
最终把数据隐式转换转成number类型再比较
所以开发中，如果进行准确的比较我们更喜欢 === 或者 !==
隐式转换：
true 转化为数字为 1
false 转化为数字为 0
NaN没有任何可比性；做任何对比，都返回false

逻辑运算符

image.png
image.png
练习
判断一个数是4的倍数，且不是100的倍数
1bb2da414c04ced3122629b8b7cf28d.png

运算符优先级

image.png

表达式和语句

js整句或命令，用来描述一件事情，代码量比较长
比如： if判断语句 循环语句
语句可以有返回值，但是语句关注点是在做一件事情；

分支语句

.程序三大流程控制语句
js整体执行顺序，从上到下，从左到右；这种叫顺序结构；
有的时候要根据条件选择执行代码，这种就叫分支结构
某段代码被重复执行，就叫循环结构
image.png

If分支语句

if语句有三种使用：单分支、双分支、多分支
单分支使用方法
image.png
单分支课堂案例1：用户输入高考成绩，如果分数大于700，则提示恭喜考入黑马程序员
2b1825cf417515e31176d90e45d1d50.png
双分支if语法：
image.png
双分支课堂案例：让用户输入年份，判断这一年是闰年还是平年并输出
f2e539d24987286249f91359ed95737.png
多分支if语法：
释义：
先判断条件1，若满足条件1就执行代码1，其他不执行
若不满足则向下判断条件2，满足条件2执行代码2，其他不执行
若依然不满足继续往下判断，依次类推
若以上条件都不满足，执行else里的代码n
注：可以写N个条件，但这里演示只写2个
image.png
多分支if课堂案例：根据输入不同时间，输出不同的问候语
注：
12点以前， 输出上午好
18点以前， 输出下午好
20点以前， 输出晚上好
06b9cc57c36c749870cf5fca30afa2b.png

三元运算符

其实是比 if 双分支 更简单的写法，有时候也叫做三元表达式
符号：? 与 : 配合使用
语法：
image.png
相当于： if(条件){ 满足条件执行的代码 } else { 不满足条件执行的代码 }
表达式：有返回值；所以可以用来取值；
适用场景：双分支时使用，更加简洁
判断2个数的最大值
需求：用户输入2个数，控制台输出最大的值
18d4b897a567f2b2181e35e2c36fe5b.png
数字补0案例
需求：用户输入1个数，如果数字小于10，则前面进行补0， 比如 09 03 等；在页面输出结果；
题外话：时间标准显示格式，一般都是两位数；
0fea84599cd2370dc4257b391e3bfd9.png
简单计算器
需求：用户输入2个数字，然后输入 + - * / 任何一个，可以计算结果
41efb06e7b6384c88dece9c7a53e51b.png

循环结构

掌握断点调试方法，学会通过调试检查代码
进入debugger的条件：
1. 网页打开了开发者工具
2. js代码运行到了断点位置
3. 断点可以有两种设置方式
1. 在代码中主动写上 debugger
2. 在开发者工具 Sources 选项卡，点击序号
断点：在某句代码上加的标记就叫断点，当程序执行到这句有标记的代码时会暂停下来
image.png
F8: 恢复执行，知道遇到下个断点位置
F9：执行下一步
-在Sources选项卡，Scope栏，可以看到当前执行环境（作用域），声明的变量实时的值；
-鼠标选中某部分代码，再吧鼠标移动到这部分代码身上；相当于执行了一下这部分代码，并且可以看到执行结果（有风险！因为相当于我们人为在代码中，插入了一段代码！）
while 循环
while 循环语法：
image.png
释义：
跟if语句很像，都要满足小括号里的条件为true才会进入执行代码
while大括号里代码执行完毕后不会跳出，而是继续回到小括号里判断条件是否满足，若满足又执行大括号里的代码，然后再回到小括号判断条件，直到括号内条件不满足，即跳出
image.png
案例在页面中打印输出10句“月薪过万”
cf3b7e51f60664f48c8cabdec9becde.png
案例计算从1加到100的总和并输出
4987e6c3f2853483cef853f2c73be00.png

退出循环

在循环体内，使用
continue：退出当前（本次）循环
break：退出整个循环
continue：继续 break：破坏、打破
案例页面弹框
需求：页面弹出对话框，‘你爱我吗’，如果输入‘爱’，则结束，否则一直弹出对话框
while(prompt(“你爱我吗？”) !== “爱”){

}

综合案例

取款机案例
用户可以选择存钱、取钱、查看余额和退出功能
a84524f40d49a56a8e9ee55806b3b32.png