var x = 7;
x++;
var z = x;

递减运算符：
递减运算符 -- 对数值进行递减。

var x = 7;
x–;
var z = x;

幂运算符：
取幂运算符 ** 将第一个操作数提升到第二个操作数的幂。

var x = 5;
var z = x ** 2; // 结果是 25

---

比较运算符

比较运算符用于逻辑语句的判断，从而确定给定的两个值或变量是否相等。

运算符	描述
==	相等
===	严格相等
!=	不等
!==	严格不等
>	大于
<	小于
>=	大于等于
<=	小于等于

相等运算符：
== 会为两个不同类型的操作数转换类型，然后进行严格比较。

console.log(1 == 1); // true
console.log(1 == 2); // false
console.log(1 == true); // true
console.log(1 == ‘1’); // true

• 相等运算符，在对两个操作数进行比较之前，会将两个操作数转换成相同的类型。

严格相等运算符:
=== 不会对操作数进行类型转换，只有当值相等并且类型也是相等时才会返回 true。

console.log(1 === 1); // true
console.log(1 === 2); // false
console.log(1 === true); // false
console.log(1 === false); // false
console.log(1 === ‘1’); // false

• 不同类型的值进行比较时，会返回 false.

不等运算符:
！= 只有当操作数不相等时才返回true，如果两操作数不是同一类型，会将操作数转为同意类型再进行比较。

var a = 1;
var b = 2;
var c = ‘1’;

console.log(a != 1); // false
console.log(a != b); // true
console.log(a != c); // false

严格不等运算符:
!== 当操作数不相等或不同类型时返回 true。

var a = 1;
var b = 2;
var c = ‘1’;

console.log(a !== 1); // false
console.log(a !== b); // true
console.log(a !== c); // true

大于运算符:
> 只有当左操作数大于右操作数时才返回 true。

console.log(5 > 1); // true
console.log(5 > 10); // false
console.log(5 > ‘5’); // false

小于运算符:
< 只有当左操作数小于右操作数时才返回 true。

console.log(5 < 1); // false
console.log(5 < 5); // false
console.log(5 < 10); // true
console.log(5 < ‘5’); // false

大于等于运算符:
>= 只有当左操作数大于或者等于右操作数时才返回 true。

console.log(5 >= 1); // true
console.log(5 >= 5); // true
console.log(5 >= 10); // false
console.log(5 >= ‘5’); // true

小于等于运算符:
< 只有当左操作数小于或者等于右操作数时才返回 true。

console.log(5 <= 1); // false
console.log(5 <= 5); // true
console.log(5 <= 10); // true
console.log(5 <= ‘5’); // true

---

逻辑运算符

逻辑运算符用于判定变量或值之间的逻辑。

• 逻辑与 &&
• 逻辑或 ||
• 逻辑非 !

逻辑与 && :

a1 = true && true // t && t 返回 true
a2 = true && false // t && f 返回 false
a3 = false && true // f && t 返回 false
a4 = false && (3 == 4) // f && f 返回 false
a5 = “Cat” && “Dog” // t && t 返回 “Dog”
a6 = false && “Cat” // f && t 返回 false
a7 = “Cat” && false // t && f 返回 false
a8 = ‘’ && false // f && f 返回 “”
a9 = false && ‘’ // f && f 返回 false

逻辑或 ||:

o1 = true || true // t || t 返回 true
o2 = false || true // f || t 返回 true
o3 = true || false // t || f 返回 true
o4 = false || (3 == 4) // f || f 返回 false
o5 = “Cat” || “Dog” // t || t 返回 “Cat”
o6 = false || “Cat” // f || t 返回 “Cat”
o7 = “Cat” || false // t || f 返回 “Cat”
o8 = ‘’ || false // f || f 返回 false
o9 = false || ‘’ // f || f 返回 “”

逻辑非 !:

n1 = !true // !t 返回 false
n2 = !false // !f 返回 true
n3 = !‘’ // !f 返回 true
n4 = !‘Cat’ // !t 返回 false

---

赋值运算符

赋值运算符用于给 JavaScript 变量赋值。

运算符	描述
=	赋值
+=	加法赋值
-=	减法赋值

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

最后

文章到这里就结束了，如果觉得对你有帮助可以点个赞哦

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

一个人可以走的很快，但一群人才能走的更远。如果你从事以下工作或对以下感兴趣，欢迎戳这里加入程序员的圈子，让我们一起学习成长！

AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算

)

AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算