JavaScript基础复习02-运算符,语句

运算符

算数运算符

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

+：求和

-：求差

*：求积

/：求商

%：取模（取余数）开发中经常作为某个数字是否被整除

2 同时使用多个运算符编写程序时，会按着某种顺序先后执行，我们称为优先级。

3 JavaScript中 优先级越高越先被执行，优先级相同时以书从左向右执行。

1. 乘、除、取余优先级相同

1. 加、减优先级相同

2. 乘、除、取余优先级大于加、减

3. 使用 ( ) 可以提升优先级

   总结： 先乘除后加减，有括号先算括号里面的

赋值运算符

1 赋值运算符：对变量进行赋值的运算符

已经学过的赋值运算符：= 将等号右边的值赋予给左边, 要求左边必须是一个容器 其他赋值运算符：

+=

*=

/=

%= 2 使用这些运算符可以在对变量赋值时进行快速操作

一元运算符

1 自增：

符号：++

作用：让变量的值 +1

2 自减：

符号：--

作用：让变量的值 -1

使用场景：经常用于计数来使用。 比如进行10次操作，用它来计算进行了多少次了

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

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

自增运算符的用法：

1. 前置自增和后置自增独立使用时二者并没有差别！

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

3. 一般开发中我们都是独立使用

4. 后面 i++ 后置自增会使用相对较多

比较运算符

1. 比较运算符的介绍

    作用：比较两个数据大小、是否相等

2. 比较运算符的使用

   >： 左边是否大于右边

   <： 左边是否小于右边

   >=： 左边是否大于或等于右边

   <=： 左边是否小于或等于右边

   ==： 左右两边值是否相等

   ===： 左右两边是否类型和值都相等

   !==： 左右两边是否不全等 比较结果为boolean类型，即只会得到true或false

3. 比较运算符的细节

   1. 字符串比较，是比较的字符对应的ASCII码

      1 从左往右依次比较

      2 如果第一位一样再比较第二位，以此类推

      3 比较的少，了解即可

   2. NaN不等于任何值，包括它本身

   3. 尽量不要比较小数，因为小数有精度问题

   4. 不同类型之间比较会发生隐式转换

      1.  最终把数据隐式转换转成number类型再比较

      2.  所以开发中，如果进行准确的比较我们更喜欢 === 或者 !=

逻辑运算符

1. 逻辑运算符的介绍

   逻辑运算符用来解决多重条件判断

2. 逻辑运算符的使用

3. 逻辑运算符里的短路

        1 短路：只存在于 && 和 || 中，当满足一定条件会让右边代码不执行 逻辑与&&: 左边为false就短路 逻辑或||: 左边为true就短路

        2 原因：通过左边能得到整个式子的结果，因此没必要再判断右边

        3 运算结果：无论 && 还是 || ，运算结果都是最后被执行的表达式值，一般用在变量赋值

     4. 逻辑运算符里的短路运算规则:

        逻辑与短路的运算规则:

        1 如果符号左边为false,则会得到左边的

        2 如果符号左边为true,则会得到右边的

        逻辑或短路的运算规则:

        1 如果符号左边为false,则会得到右边的

        2 如果符号左边为true,则会得到左边的

运算符优先级

1. 一元运算符里面的逻辑非优先级很高

2. 逻辑与比逻辑或优先级高

语句

表达式和语句

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

语句：js 语句或命令，js 语句是以分号结束（分号可以省略）

区别：表达式计算出一个值，但语句用来自行以使某件事发生(做什么事)

表达式 3 + 4

语句 alert( ) 弹出对话框

分支语句

程序三大流程控制语句

流程控制:"程序怎么执行"或者说"程序执行的顺序"

1 以前我们写的代码，写几句就从上往下执行几句，这种叫顺序结构

2 有的时候要根据条件选择执行代码，这种就叫分支结构

3 某段代码被重复执行，就叫循环结构

分支语句

分支语句可以让我们有选择性的执行想要的代码

分支语句包含：

If分支语句

if语句有三种使用：单分支、双分支、多分支

单分支使用语法：

// 条件成立(true) 才会执行大括号里的代码
if (条件) {
满足条件要执行的代码
}

1. 括号内的条件为true时，进入大括号里执行代码

1. 小括号内的结果若不是布尔类型时，会发生隐式转换转为布尔类型

双分支if语法

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

多分支if语法：

if (条件1) {
代码1
} else if (条件2) {
代码2
} else if (条件3) {
代码3
} else if (条件n) {
代码n
}

1. 先判断条件1，若满足条件1就执行代码1，其他不执行

2. 若不满足则向下判断条件2，满足条件2执行代码2，其他不执行

3. 若依然不满足继续往下判断，依次类推

4. 若以上条件都不满足，执行else里的代码n

   注：可以写N个条件，但这里演示只写2个

三元运算符

三元运算符: 是比 if 双分支 更简单的写法，有时候也叫做三元表达式

语法：

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

1. 一般用来取值

1. 判断2个数的最大值

1. 数字补0

switch 语句

语法：

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

1. 找到跟小括号里数据全等的case值，并执行里面对应的代码

1. 若没有全等 === 的则执行default里的代码

2. 注意:

   1 switch case语句一般用于等值判断,不适合于区间判断

   2 switch case一般需要配合break关键字使用 没有break会造成case穿透

循环语句

断点调试

1. 作用：学习时可以帮助更好的理解代码运行，工作时可以更快找到bug

2. 浏览器打开调试界面

   按F12打开开发者工具

   点到sources一栏

   选择代码文件

1. 断点：在某句代码上加的标记就叫断点，当程序执行到这句有标记的代码时会暂停下来

while循环

循环：重复执行某段代码

1. while 循环语法：

    while (循环条件) {
      要重复执行的代码(循环体)
    }

1. 跟if语句很像，都要满足小括号里的条件为true才会进入执行代码

2. while大括号里代码执行完毕后不会跳出，而是继续回到小括号里判断条件是否满足，若满足又执行大括号里的代码，然后再回到小括号判断条件，直到括号内条件不满足，即跳出

1. while 循环注意事项：

   循环的本质就是以某个变量为起始值，然后不断产生变化量，慢慢靠近终止条件的过程。

   所以，循环需要具备三要素：

   1 变量起始值

   2 终止条件（没有终止条件，循环会一直执行，造成死循环）

   3 变量变化量（用自增或者自减）

1. 循环退出

   循环结束：

   continue：结束本次循环，继续下次循环

   break：跳出所在的循环