JavaScript基础之运算符(1)

• • • • 1.1浮点数的精度问题

• 1.2递增和递减运算符

• 2.比较(关系)运算符

• 3.逻辑运算符

• 4.短路运算

• 5.赋值运算符

前言

=================================================================

运算符（operator）也被称为操作符，是用于实现赋值、比较和执行算数运算等功能的符号

---

1.算术运算符

======================================================================

概念：算术运算使用的符号，用于执行两个变量或值的算术运算

| 运算符 | 描述 | 实例 |

| — | — | — |

| + | 加 | 10 + 20 =30 |

| - | 减 | 10 - 20 =-10 |

| * | 乘 | 10 * 20 =200 |

| / | 除 | 10 / 20 =0.5 |

| % | 取余数（取模） | 返回出发的余数 9 % 2 =1 |

1.1浮点数的精度问题

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

tips:

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

1.2递增和递减运算符

递增和递减运算符分为前置和后置,例如(i++)是后置,(++i)是前置,具体区别参见下文

①前置递增运算符

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

②后置递增运算符

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

③总结

• 前置递增和后置递增运算符可以简化代码的编写，让变量的值 + 1 比以前写法更简单

• 单独使用时，运行结果相同，与其他代码联用时，执行结果会不同

• 开发时，大多使用后置递增/减，并且代码独占一行

2.比较(关系)运算符

==========================================================================

比较运算符是两个数据进行比较时所使用的运算符，比较运算后，会返回一个布尔值(true / false)作为比较运算的结果。

| 运算符名称 | 说明 | 举例 | 结果 |

| — | — | — | — |

| < | 小于号 | 2 < 3 | true |

| > | 大于号 | 3 > 2 | false |

| >= | 大于等于号(大于或者等于) | 1 >= 1 | true |

| <= | 小于等于号(小于或者等于) | 5 <= 4 | false |

| == | 判等号(会转型) | 15==15 | true |

| != | 不等号 | 18 != 18 | false |

| === | 全等，要求值和数据类型都一致 | 18 === ‘18’ | false |

3.逻辑运算符

======================================================================

逻辑运算符是用来进行布尔值运算的运算符，其返回值也是布尔值

| 逻辑运算符 | 说明 | 案例 | 结果 |

| — | — | — | — |

| && | “逻辑与”，简称"与" and | true && false | false |

文末

从转行到现在，差不多两年的时间，虽不能和大佬相比，但也是学了很多东西。我个人在学习的过程中，习惯简单做做笔记，方便自己复习的时候能够快速理解，现在将自己的笔记分享出来，和大家共同学习。

个人将这段时间所学的知识，分为三个阶段：

第一阶段：HTML&CSS&JavaScript基础

第二阶段:移动端开发技术

第三阶段:前端常用框架

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

• 推荐学习方式：针对某个知识点，可以先简单过一下我的笔记，如果理解，那是最好，可以帮助快速解决问题；

• 大厂的面试难在，针对一个基础知识点，比如JS的事件循环机制，不会上来就问概念，而是换个角度，从题目入手，看你是否真正掌握。所以对于概念的理解真的很重要。