文章目录

• 前言
• 1.算术运算符
• • • • 1.1浮点数的精度问题
      • 1.2递增和递减运算符
• 2.比较(关系)运算符
• 3.逻辑运算符
• 4.短路运算
• 5.赋值运算符

前言

1.算术运算符

1.1浮点数的精度问题

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

<script>
    console.log(0.2 + 0.4);  //0.6000000000000001
    console.log(0.2 * 0.4);  //0.08000000000000002
</script>

tips:

• 非必要,不要用浮点数进行计算,容易出现精度误差

1.2递增和递减运算符

①前置递增运算符

使用口诀:先自加，后返回值

<script>
    var index = 3;
    console.log((index++) + 1);  //4
    console.log(index);  //3
</script>

②后置递增运算符

使用口诀:先返回原值，后自加

<script>
    var index = 3;
    console.log((++index) + 1);  //5
    console.log(index);  //3
</script>

③总结

• 前置递增和后置递增运算符可以简化代码的编写，让变量的值 + 1 比以前写法更简单
• 单独使用时，运行结果相同，与其他代码联用时，执行结果会不同
• 开发时，大多使用后置递增/减，并且代码独占一行

2.比较(关系)运算符

3.逻辑运算符

<script>
    if (3 > 0 && -1 < 0) console.log('true');  //true
    else console.log('false');

    if (!3 || 3 < 0) console.log('true');  //true
    else console.log('false');
</script>

4.短路运算

①逻辑与

• 如果第一个表达式的值为真，则返回表达式2
• 如果第一个表达式的值为假，则返回表达式1

<script>
    var index = 0;
    console.log(3 && (++index));  
    //3,执行语句1后直接输出结果3
    console.log(index);  //0,index的值没有变
</script>

②逻辑或

• 如果第一个表达式的值为真，则返回表达式1
• 如果第一个表达式的值为假，则返回表达式2

<script>
    var index = 0;
    console.log(3 || (++index));  //true
    console.log(index);  //0
</script>

5.赋值运算符

<script>
    var index = 10; console.log(index);  //10
    index += 5; console.log(index);  //15
    index *= 4; console.log(index);  //60
</script>