20個JavaScript重點知識點(8)運算符
當前位置:點晴教程→知識管理交流
→『 技術文檔交流 』
算術運算符用于數學計算,返回數值結果。
賦值運算符為變量分配值,可結合算術運算。
比較運算符返回布爾值( |
== | 5 == "5" → true | |
=== | 5 === "5" → false | |
!= | 5 != "6" → true | |
!== | 5 !== "5" → true | |
> | 10 > 6 → true | |
< | 3 < 2 → false | |
>= | 7 >= 7 → true | |
<= | 5 <= 3 → false |
建議:始終優先使用 ===
和 !==
避免隱式類型轉換錯誤。
&& | true && false → false | |
! | !true → false |
// &&:遇到假值立即返回
false && console.log("不會執行");
// ||:遇到真值立即返回
true || console.log("不會執行");
直接操作二進制位。
& | 5 & 1 → 1 | ||||
^ | 5 ^ 1 → 4 | ||||
~ | ~5 → -6 | ||||
<< | 5 << 1 → 10 | ||||
>> | 5 >> 1 → 2 | ||||
>>> | -5 >>> 1 → 2147483645 |
其他運算符
const status = age >= 18 ? "成年" : "未成年";
2. 類型運算符
typeof
: 檢測變量類型typeof "Hello" → "string"
typeof null → "object" (歷史遺留問題)
instanceof
: 檢測對象類型[] instanceof Array → true
按順序執行表達式,返回最后一個結果:
let a = (1 + 2, 3 + 4); // a = 7
delete
運算符刪除對象屬性或數組元素:
const obj = { x: 1 };
delete obj.x; // obj變為 {}
void
運算符執行表達式并返回 undefined
:
<a href="javascript:void(0)">點擊不跳轉</a>
+
運算符的類型轉換5 + "5" → "55" // 數字轉字符串
5 + true → 6 // true轉為1
5 + null → 5 // null轉為0
NaN
的特殊性NaN === NaN → false // 判斷NaN需用 isNaN()
0 / 0 → NaN // 無效運算返回NaN
0.1 + 0.2 → 0.30000000000000004 // 使用toFixed()處理顯示
{} === {} → false // 對象比較的是內存地址
掌握JavaScript運算符需注意:
嚴格相等:優先使用 ===
代替 ==
短路運算:利用 &&
和 ||
簡化條件判斷
類型轉換:注意隱式轉換帶來的意外結果
優先級規則:復雜表達式建議用 ()
明確優先級
閱讀原文:https://mp.weixin.qq.com/s/tGNWYSCqGRhEaM-yzq-3Mw