3：运算符 + 运算符优先级 [ 逻辑短路 ]

//1 浮点数不要直接参与数学运算
//2 逻辑运算中的 逻辑中断是个重要知识点
//3 后加加  表达式先返回值 变量再自增1
//4 一元运算中的 逻辑非 优先级最高

加 减 乘 除 取模
应该避免用浮点数运算和相等比较

尽量避免让浮点数直接参与运算 会有误差

原理：程序需要把浮点数转化为二进制，再进行运算，就会有误差

console.log(0.1+0.2); //竟然不是0.3  而是：0.30000000000000004
console.log(0.07 * 100); //竟然不是7 而是：7.000000000000001

var num = 0.1 + 0.2;
console.log(num == 0.3);//返回 false 它们不相等

不要直接用浮点数做相等比较

浮点数值最高精度是17位小数，但是在计算的时候精度远远不如整数

它的余数是0，就说明这个数能被整除

这是 取模% 最主要的使用场景

//1 自增自减必须配合变量使用
//2 前加加 和 后加加 单独使用时结果是一样的
//3 与其他代码一起使用时，结果会不一样
//4 工作中最常用的是后加加

//1 表达式先自增1，再返回值

//2 表达式的值  和 变量的值是同步的

//1 表达式先返回原值  变量再自增1

//2 变量的值始终比表达式的值大1

<script>
    //++a 先自加 再返回自增后的值
    //前置比较好理解 表达式的返回值和变量值是同步的
    var a = 10;
    ++a; //表达式++a=11 变量a=11
    var b = ++a + 2; //表达式++a=12 变量a=12
    console.log(b);//14

    //后加加：先返回表达式原值 变量再自加1
    var c = 10;
    c++;//表达式c++=10  变量c=11
    var d = c++ +2;//1表达式c++ = 11 变量c=12 //2 我们这里使用的是表达式c++
    console.log(d);//13
    console.log(c);//12

    //重点理解这个
    var e = 10;
    var f = e++ + ++e;//1 表达式e++=10 变量e=11 //2 表达式++e=12 变量e=12
    console.log(f);//10+12=22
</script>

大于 大于等于  小于  小于等于  等于 不等于  全等于 全不等

//1 等于：值相等就是真 类型不同没有关系
//2 全等于：一摸一样 要求两边的值要相等 并且 类型也要相同才为真
console.log(18 == '18');//true [ 系统把字符串18转换为数字类型后再比较 ]
console.log(18 === '18');//false 

逻辑与  &&  and     true&&false = false  //有一个条件是假 整个表达式结果就是假

逻辑或  ||  or      true||false = true  //有一个条件是真 整个表达式结果就是真

逻辑非  !   not     !true = false        //真变成假  假变成真

<script>
    var num = 7;
    var str = "我爱你~中国~";
    console.log(num > 5 && str.length >= num); // true
    console.log(num < 5 && str.length >= num); // false 左边表达式为假
    console.log(!(num < 10)); // false 括号里为真
    console.log(!(num < 10 || str.length == num)); // false 括号里为真
</script>

//1 正常情况：布尔值参与运算  true && false = false

//2 特殊情况：值或表达式参与逻辑运算，123 && 456 结果是啥？ 用到了短路运算

//3 短路运算原理：当有多个表达式(或值)时，左边表达式的值可以确定结果时，就不再运算右边表达式

//1 第一个表达式的值为真  返回表达式2

//2 第一个表达式的值为假  返回表达式1  [ 逻辑中断 后面的就不执行了 ]

console.log(123 && 456);//返回 456
console.log(0 && 456);//返回0  在数字中只有0是false
console.log(0 && 456 && 100);//返回0  表达式1为假 后面就不执行了

//1 第一个表达式的值为真  返回表达式一  [ 逻辑短路 后面的不执行了 ]

//2 第一个表达式的值为假  且第二表达式值为真 直接返回表达式二  [ 后面的就不执行了 ]

//3 如果第二个表达式值为假 返回第三个表达式

console.log(123 || 456);//返回 123
console.log(0 || 456);//返回456

console.log('' || NaN || 0 || 100);//返回100 [ 重点理解这个 ]
//1 表达式1的假  返回表达式2
//2 表达式2的值也是假  返回表达式3
//3 表达式3的值也是假 返回表达式4
// 如果后面还有 依次类推比较

会影响到代码的执行结果
var num = 0;
console.log(123 || num++);//逻辑或的逻辑中断 123为真 后面的num++就没有执行
console.log(num);//所有 变量num还是0

=   直接赋值

+=   -=  加减一个数后再赋值  

*=  /=  %=  乘 除 取模后再赋值

var num = 10;
num += 5; 等同于 num = num + 5;

//加等 +=
var num = 15;
num += 5;//num+5后再赋值给num
console.log(num);//20

//模等 %=
var num = 15;
num %= 2;//num = num % 2; 取模运算后把值赋给左边的变量
console.log(num);//1  15除以2=7余1

1 　　小扩号 　　　　()

2 　　一元运算符  　　++ -- !  [ 一元运算符：一个变量就可以运算的 ]

3 　　算数运算符  　　先乘除取模 后加减

4 　　关系运算符  　　> >= < <=

5 　　相等运算符  　　== !=  ===  !==

6 　　逻辑运算符  　　先&&  后  ||

7 　　赋值运算符  　　=

8 　　逗号运算符 　　，

//数字代表优先级 越小优先级越大

console.log(4 >= 6 || '人' != '阿凡达' && !(12 * 2 == 144) && true);//true
//           false || true && true && true
//           false || true  最后结果是 true

var num = 10;
console.log(5 == num / 2 && (2 + 2 * num).toString() === '22');//true
//              true && true  最后结果是 true

<script>
    var a = 3 > 5 && 2 < 7 && 3 == 4;
          //false && true && false
    console.log(a);//变量 a = false
    
    var b = 3 <= 4 || 3 > 1 || 3 != 2;
         // false || true || true
    console.log(b); //变量 b = true
    
    var c = 2 === "2";
    // false
    console.log(c);//变量c = false
    
    var d = !c || b && a;
    //true || true && false
    //true || false 最后变量d = true
    console.log(d);//true
</script>