【博学谷学习记录】超强总结，用心分享 | 前端开发 JS运算符语句(二)

一、运算符

1.1 赋值运算符

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

+=、-=、*=、/=、%=

1.2 一元运算符

目标： 能够使用一元运算符做自增运算

自增：

• 符号：++
• 作用：让变量的值 +1

自减：

• 符号：--
• 作用：让变量的值 -1

前置自增：++num

后置自增：num++

1.3 比较运算符

比较运算符：

• > ： 左边是否大于右边
• <： 左边是否小于右边
• =： 左边是否大于或等于右边
• <=： 左边是否小于或等于右边
• ==： 左右两边值是否相等
• ===： 左右两边是否类型和值都相等
• !==： 左右两边是否不全等
• 比较结果为boolean类型，即只会得到 true 或 false

对比：

• = 单等是赋值

• == 是判断

• === 是全等

• 开发中判断是否相等，强烈推荐使用 ===

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

• 从左往右依次比较
• 如果第一位一样再比较第二位，以此类推
• 比较的少，了解即可

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

• 涉及到"NaN“ 都是false

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

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

• 最终把数据隐式转换转成number类型再比较
• 所以开发中，如果进行准确的比较我们更喜欢 === 或者 !==

比较运算符返回的结果是什么？ 结果只有2个， true 或者 false

1.4 逻辑运算符

逻辑运算符：

1.5 运算符优先级

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

二、语句

2.1 表达式和语句

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

• 表达式： 表达式是可以被求值的代码，JavaScript 引擎会将其计算出一个结果。因为表达式可被求值，所以它可以写在赋值语句的右侧。
• 语句： 语句是一段可以执行的代码。 比如： prompt() 可以弹出一个输入框，还有 if语句 for 循环语句等等 。而语句不一定有值，所以比如 alert() for和break 等语句就不 能被用于赋值。

2.2 分支语句

2.2.1 if分支语句

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

单

if(){
       alert("单")
}

双

if(1){
   alert("")
}else{
    alert("双")
}

多

if(){

}else if(){

}else if(){

}else{

}

2.2.2 三元运算符

使用场景： 其实是比 if 双分支 更简单的写法，可以使用 三元表达式

语法：条件？满足条件执行的代码：不满足条件执行的代码

2.2.3 switch语句

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

        switch (数据) {
            case 数据1:
                代码1
                break
            case 数据2:
                代码2
                break
            case 数据3:
                代码3
                break
        }

注意：

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

2.3 循环语句

2.3.1 断点调式

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

浏览器打开调试界面

1. 按F12打开开发者工具
2. 点到sources一栏
3. 选择代码文件

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

2.3.2 循环结构

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

while 循环三要素：

循环的本质就是以某个变量为起始值，然后不断产生变化量，慢慢靠近终止条件的过程。 所以，while循环需要具备三要素：

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

2.3.3 循环退出

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

循环结束：break：跳出所在的循环

区别：

• continue 退出本次循环，一般用于排除或者跳过某一个选项的时候, 可以使用continue
• break 退出整个循环，一般用于结果已经得到, 后续的循环不需要的时候可以使用