JavaScript 运算符和表达式，复习指南

赋值运算

---

赋值运算符包括：　　=　　+=　　-=　　*=　　/=　　%=

= ：用于为变量赋值，变量名=变量值；

+=： n+=3 相当于 n=n+3。

-=： n-=3 相当于 n=n-3。

*=： n*=3 相当于 n=n*3。

/=： n/=3 相当于 n=n/3。

%=： n%=3 相当于 n=n%3。

案例代码

var a = 1, b = 2;

// a=a+b

a+=b; //3

console.log(a);

var c = 3 ,d = 4;

c*=d; // c = c*d;

console.log©

var e = 5 , f = 6;

// e = e%f

e%=f;

console.log(e) // 5

var g= 7;

// g = g+1;

// g+=1;

g++;

console.log(g);

var str =“abc”;

str =str +“def”; // “abcdef”

console.log(str);

str += “def” // “abcdefdef”

console.log(str);

关系运算

---

关系运算用于比较数据之间的大小关系。

关系运算符主要有一下八个：>　　<　　>=　　<=　　==　　!=　　===　　!==

关系表达式的返回值为 Boolean 类型：true / false 。

代码案例

// 关系运算

var n1 = 10, n2 = 20, n3 = 20;

console.log(

n1 < n2, // true

n2 >= n3, // true

n2 == n3, // true

n2 != n3, // false

);

在关系运算中存在隐式转换，默认一切转为数字在参与运算

// 在关系运算中存在隐式转换，默认一切转为数字在参与运算。

var n = 2, s = “3”, b = true;

console.log(

s > n, // true

b < s, // true

s - n == b, // true

s >= b, // true

s - n >= b, // true

);

特殊情况一 ：两个字符串作比较 。不在转换为数字，而是依次比较每一个字符的 Unicode编号大小。

console.log(

“12” > “3”, // “1” VS “3” --> false

“eric” < “jerry”, // “e” VS “j” --> true

“scott” > “smith” , // “c” VS “m” --> false

“123” > “12” // 当前面字符一样大，比个数。 true

)

特殊情况二 ：null 和 undefined

var n; // undefined

var m = null;

console.log(

n == null, // false

m == undefined, // true

null == undefined // true

);

=== 全等，先比较数据类型是都相同，再比较值是否相同，相当于不带隐式转换的 ==。

接上边例子

var n; // undefined

var m = null;

console.log(

n === null, // false

m === undefined, // false

null === undefined, // false

“3” == 3, // true

“3” === 3, // false

“1” == true, // true

“1” === true, // false

);

特殊情况三 NaN 不大于，不小于，不等于任何值。

- NaN的意思是“不是一个数字”，两个不是一个数字的值没法比较，就是false

var a = NaN;

console.log(

a == NaN, // false

a > NaN, // false

a < NaN, // false

a != NaN,// true

2 != NaN, // true

“abc” != NaN // true

);

使用方法 isNaN(num) 来判断num是否是一个数字

-  如果 num 不是数字或者无法转换为数值，就返回 true。

• 如果 num 是数字或者可以用个隐式转换为数值，就返回 false。

console.log(

isNaN(“abc”), // true

isNaN(3), // false

isNaN(“3”), // false

);

• 习惯上，我们反着用 !isNaN(num)

• 如果为 true 是数字，不过为 false 就不是数字。

console.log(

!isNaN(“abc”), // false

!isNaN(3), // true

!isNaN(“3”), // true

);

逻辑运算

---

逻辑运算是将多个表达式的结果综合得出最终结论。

逻辑运算符有三个：

- &&（与/并且）

- || （或/或者）

- ！（非/不）

逻辑与  &&

逻辑与，当所有条件都满足是返回true，否则为false。

价格便宜  &&  销量高   &&  评价好

true                true               true      ==>   true

true                true              false    ==>   false

逻辑或  ||

逻辑或，只要一个条件满足就返回true，所有条件都不满足返回false。

距离 　 || 　 价格

true 　　　   true 　 ==>　true

true 　　　  false　 ==>    true

false　　　  false     ==>    false

逻辑非 ！

逻辑非，颠倒结果 如果是true返回false ，如果是false就返回true。

!true==> false

!false ==> true

!isNaN() ==> isNaN()

案例代码

var n = 10, m = 20;

console.log(

// 逻辑与

n > 5 && n < 20,// true

n > 5 && n < 8, // false

n > 5 && n < m && n < 10, // true && ture && false ==> false

// 逻辑或

n < m || n > 20, // true || false ==> true

n > 5 || n < 8, // true || false ==> true

n > 5 || n < m || n < 10, // true

// 逻辑非

!(n + m) == 30, // !true ==> false

);

运算符的优先级

下面的表将所有运算符按照优先级的不同从高到低排列。

短路逻辑

---

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

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

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

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

PO等大厂，18年进入阿里一直到现在。**

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

[外链图片转存中…(img-3ORxHCSY-1710877527976)]
[外链图片转存中…(img-ceYlqszX-1710877527977)]
[外链图片转存中…(img-CBM6qnpp-1710877527977)]
[外链图片转存中…(img-ecIuPAUW-1710877527978)]

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

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）
[外链图片转存中…(img-xc6LmkZi-1710877527979)]