Web前端最全JavaScript基础(四)(操作符），速成班前端开发

专业技能

一般来说，面试官会根据你的简历内容去提问，但是技术基础还有需要自己去准备分类，形成自己的知识体系的。简单列一下我自己遇到的一些题

• HTML+CSS
• JavaScript
• 前端框架
• 前端性能优化
• 前端监控
• 模块化+项目构建
• 代码管理
• 信息安全
• 网络协议
• 浏览器
• 算法与数据结构
• 团队管理
• 开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

最近得空把之前遇到的面试题做了一个整理，包括我本人自己去面试遇到的，还有其他人员去面试遇到的，还有网上刷到的，我都统一的整理了一下，希望对大家有用。

其中包含HTML、CSS、JavaScript、服务端与网络、Vue、浏览器等等

由于文章篇幅有限，仅展示部分内容

• 逻辑运算符

• 赋值运算符

二、算数运算符

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

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

1、算术运算符概述

---

2、浮点数的精度问题

---

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

例如：输入一个浮点型的数据（0.6),给它进行加法运算，最后得到的结果的小数部分有很多位。

结果为：

所以：不要直接判断两个浮点数是否相等 !

3、表达式和返回值

---

表达式：是由数字、运算符、变量等以能求得数值的有意义排列方法所得的组合。

表达式最终都会有一个结果，返回给我们，我们成为返回值

三、递增和递减运算符

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

在 JavaScript 中，递增（++）和递减（ – ）既可以放在变量前面，也可以放在变量后面。放在变量前面时，我们可以称为前置递增（递减）运算符，放在变量后面时，我们可以称为后置递增（递减）运算符。需要注意的是：递增和递减运算符必须和变量配合使用。

1、递增运算符

---

1、 前置递增运算符

++num 前置递增，就是自加1，类似于 num = num + 1，但是 ++num 写起来更简单。

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

例如：

var num = 10;

console.log(10 + ++num); // 21

console.log(num);//11

返回值为20，即num先自加，再与10相加，所以得到的加和值为21，num得值运算后变为11.

2、后置递增运算符

num++ 后置递增，就是自加1，类似于 num = num + 1 ，但是 num++ 写起来更简单。

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

例如：

var num = 10;

console.log(10 + num++); // 20

console.log(num);//11

返回值为20，即num先与10相加，在自加，所以得到的加和值为20，num得值运算后变为11.

递减运算符运算法则和递加运算符基本相同。在这里，不在赘述。

四、比较运算符

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

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

强调一下‘=’运算符的使用

例如：

console.log(18 == ‘18’);//true

console.log(18 === ‘18’);//false

返回的结果为：

因为’== '只是用来判断数值是否相等，而 ‘===’还需要判定其数据类型是否相等。

五、逻辑运算符

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

1、逻辑运算符概述

---

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

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

| — | — | — |

| && | ‘逻辑与’ | true && false |

| II | ‘逻辑或’ | true II false |

| ！ | ‘逻辑非’ | !true |

2、逻辑与&&

---

两边都是 true才返回 true，否则返回 false

3、逻辑或 ||

---

4、逻辑非 ！

---

逻辑非（!）也叫作取反符，用来取一个布尔值相反的值，如 true 的相反值是 false

例如：

var isOk = !true;

console.log(isOk); // false

最后返回的结果为false。

5、短路运算

---

短路运算的原理：当有多个表达式（值）时,左边的表达式值可以确定结果时,就不再继续运算右边的表达式的值;

总结

三套“算法宝典”

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

算法刷题LeetCode中文版（为例）

人与人存在很大的不同，我们都拥有各自的目标，在一线城市漂泊的我偶尔也会羡慕在老家踏踏实实开开心心养老的人，但是我深刻知道自己想要的是一年比一年有进步。

最后，我想说的是，无论你现在什么年龄，位于什么城市，拥有什么背景或学历，跟你比较的人永远都是你自己，所以明年的你看看与今年的你是否有差距，不想做咸鱼的人，只能用尽全力去跳跃。祝愿，明年的你会更好！

由于篇幅有限，下篇的面试技术攻克篇只能够展示出部分的面试题，详细完整版以及答案解析，有需要的可以关注