JavaScript基础(2)-运算符-语句

1. 掌握算术、比较、逻辑运算符，为程序“能思考”做准备
2. 掌握分支语句，让程序具备判断能力
3. 掌握循环语句，让程序具备重复执行能力

运算符

算术运算符

目标：掌握算术运算符，能写出一些具备运算能力的小程序

数学运算符也叫算术运算符，主要包括加、减、乘、除、取余（求模）。

 +：求和
 -：求差
 *：求积
 /：求商
 %：取模（取余数）后面的数字大于前面的数字则，余数为前面的数
 开发中经常作为某个数字是否被整除

目标：能说出JavaScript算术运算符执行的优先级顺序

同时使用多个运算符编写程序时，会按着某种顺序先后执行，我们称为优先级。
JavaScript中 优先级越高越先被执行，优先级相同时以书从左向右执行。
 乘、除、取余优先级相同
 加、减优先级相同
 乘、除、取余优先级大于加、减
 使用 () 可以提升优先级
 总结： 先乘除后加减，有括号先算括号里面的~~~

赋值运算符

赋值运算符：对变量进行赋值的运算符
已经学过的赋值运算符：= 将等号右边的值赋予给左边, 要求左边必须是一个容器
其他赋值运算符：
+=
-=
*=
/=
%=
使用这些运算符可以在对变量赋值时进行快速操作

我们以 += 赋值运算符来举例
1. 以前我们让一个变量加 1 如何做的？

2. 现在我们有一个简单的写法啦~~~

1. = 赋值运算符执行过程？
 将等号右边的值赋予给左边, 要求左边必须是一个容器
2. += *= 出现是为了简化代码, 比如让 let num = 10 ， num 加5
怎么写呢？
 num += 5

一元运算符

众多的 JavaScript 的运算符可以根据所需表达式的个数，分为一元运算符、二元运算符、三元运算符
 二元运算符：
 例

 我们可以有更简便的写法了~~~
 自增：
 符号：++
 作用：让变量的值 +1
 自减：
 符号：--
 作用：让变量的值 -1
 使用场景：
经常用于计数来使用。 比如进行10次操作，用它来计算进行了多少次了

自增运算符的用法：
 前置自增：

let num = 1
  ++num
document.write(num)
//此时num等于2

 每执行1次，当前变量数值加1
 其作用相当于 num += 1

后置自增：

let num = 1
num++
document.write(num)
//此时num等于2

 每执行1次，当前变量数值加1
 其作用相当于 num += 1

前置自增和后置自增单独使用没有区别

目标： 能够说出自增/减运算符前置或后置的差异

自增运算符的用法：

前置自增和后置自增如果参与运算就会有区别

前置自增：

前置自增：先自加再使用（记忆口诀：++在前 先加）

let i = 1
console.log(++i +2)   //结果是4
//注意 i此时已经通过前置自增变为2
//i先自加i，变成2之后，在和后面的2相加

后置自增：

前置自增：先自加再使用（记忆口诀：++在后 后加）

let i = 1
console.log（i++ +2）//结果是3
console.log(i)  //此时输出的i为2
//注意 此时的i是1
//先和2相加，先运输输出完毕后，i再自加变成2

自增运算符的用法：

1. 前置自增和后置自增独立使用时二者并没有差别！
2. 一般开发中我们都是独立使用
3. 后面 i++ 后置自增会使用相对较多

比较运算符

目标：掌握比较运算符，为程序“能思考”做准备

1. 比较运算符的介绍

比较运算符的介绍
 作用：比较两个数据大小、是否相等
 实际运用例：

2. 比较运算符的使用

 比较运算符：
 > ： 左边是否大于右边
 <： 左边是否小于右边
 >=： 左边是否大于或等于右边
 <=： 左边是否小于或等于右边
 ==： 左右两边是否相等（只要值一样就是true ，不管数据类型）
 ===： 左右两边是否类型和值都相等（必用===）
 !==： 左右两边是否不全等
 比较结果为boolean类型，即只会得到true或false
3. 比较运算符的细节

逻辑运算符

1. 逻辑运算符的介绍

 提问：如果我想判断一个数据大于5且小于10，怎么办？
 错误写法： 5 < 数据 < 10
 逻辑运算符用来解决多重条件判断

2. 逻辑运算符的使用

 逻辑运算符：

3. 逻辑运算符里的短路

短路：只存在于 && 和 || 中，当满足一定条件会让右边代码不执行

||：左边为true（真）就短路

 原因：通过左边能得到整个式子的结果，因此没必要再判断右边
 运算结果：无论 && 还是 || ，运算结果都是最后被执行的表达式值，一般用在变量赋值

有几个值当false看：0，“”（字符串为空），undefined，null，这几个值当假的看（false）其余的值都是真的

目标：掌握运算符优先级，能判断运算符执行的顺序

 一元运算符里面的逻辑非优先级很高
 逻辑与比逻辑或优先级高

语句

表达式和语句

目标：能说出表达式和语句的区别

 表达式：
表达式是一组代码的集合，JavaScript解释器会将其计算出一个结果

目标：能说出表达式和语句的区别

 语句：
js 整句或命令，js 语句是以分号结束（可以省略）
比如： if语句 for 循环语句

 区别：
表达式计算出一个值，但语句用来自行以使某件事发生(做什么事)
 表达式 3 + 4
 语句 alert() 弹出对话框
其实某些情况，也可以把表达式理解为语句，因为它是在计算结果，也是做事

表达式和语句的区别
 表达式计算出一个值 比如 3+5 x = 7
 语句用来自行以使某件事发生(做什么事)
 alert()
 console.log()
 还比如我们接下来学的分支语句.

分支语句

目标：掌握流程控制，写出能“思考”的程序

1. 程序三大流程控制语句

 以前我们写的代码，写几句就从上往下执行几句，这种叫顺序结构
 有的时候要根据条件选择执行代码，这种就叫分支结构
 某段代码被重复执行，就叫循环结构

2. 分支语句

 分支语句可以让我们有选择性的执行想要的代码
 分支语句包含：
 If分支语句
 三元运算符
 switch 语句

1. if语句
 if语句有三种使用：单分支、双分支、多分支
 单分支使用语法：

if (条件) {
条件满足要执行的代码
}

 括号内的条件为true时，进入大括号里执行代码
 小括号内的结果若不是布尔类型时，会发生隐式转换转为布尔类型

双分支if语法：

if (条件) {
  满足条件需要执行的代码
}else{
  不满足条件执行的代码
}

多分支if语法：

if (条件1) {
   执行代码1
}else if (条件2) {
   执行代码2
}else if (条件3) {
   执行代码3
}else if (条件N) {
   执行代码N
}

释义：
 先判断条件1，若满足条件1就执行代码1，其他不执行
 若不满足则向下判断条件2，满足条件2执行代码2，其他不执行
 若依然不满足继续往下判断，依次类推
 若以上条件都不满足，执行else里的代码n
 注：可以写N个条件，但这里演示只写2个

三元运算符

目标：能利用三元运算符执行满足条件的语句

 其实是比 if 双分支 更简单的写法，有时候也叫做三元表达式
 符号：? 与 : 配合使用
 语法：

条件 ? 满足条件执行的代码 ：不满足条件执行的代码

 一般用来取值

let re = num1 > num2 ? num1 :num2

switch 语句

目标：能利用switch执行满足条件的语句

switch (数据){
            case 值1 :
                代码1
                break
            case 值1 :
                代码1
                break
            default:
                代码n
                break
        }

释义：
 找到跟小括号里数据全等的case值，并执行里面对应的代码
 若没有全等 === 的则执行default里的代码
 例：数据若跟值2全等，则执行代码2

注意事项

必须全等匹配 ===

1. switch case语句一般用于等值判断,不适合于区间判断
2. switch case一般需要配合break关键字使用 没有break会造成case穿透

循环语句

目标：掌握循环结构，实现一段代码重复执行

1. 断点调试

目标： 掌握断点调试方法，学会通过调试检查代码

 作用：学习时可以帮助更好的理解代码运行，工作时可以更快找到bug
 浏览器打开调试界面
1. 按F12打开开发者工具
2. 点到sources一栏
3. 选择代码文件
 断点：在某句代码上加的标记就叫断点，当程序执行到这句有标记的代码时会暂停下来

2. while循环

目标：掌握while循环语法，能重复执行某段代码

循环：重复执行某段代码， 而 while : 在…. 期间
1. while 循环语法：

释义：
 跟if语句很像，都要满足小括号里的条件为true才会进入执行代码
 while大括号里代码执行完毕后不会跳出，而是继续回到小括号里判断条件是否满足，若满足又执行大括号里的代码，然后再回到
小括号判断条件，直到括号内条件不满足，即跳出

目标：掌握while循环语法，能重复执行某段代码

循环：重复执行某段代码， 而 while : 在…. 期间
2. while 循环注意事项：
循环的本质就是以某个变量为起始值，然后不断产生变化量，慢慢靠近终止条件的过程。
所以，循环需要具备三要素：

1. 变量起始值
2. 终止条件（没有终止条件，循环会一直执行，造成死循环）
3. 变量变化量（用自增或者自减）