JavaScript 操作符（二）

lemanli 發(fā)布于2019-08-26 10:11 / 486人閱讀

摘要：布爾操作符邏輯非將操作數(shù)任何數(shù)據(jù)類型轉(zhuǎn)換為一個(gè)布爾值，并求反。除和以外的任何類型，此操作都會(huì)返回任何非空的類型，此操作都會(huì)返回連續(xù)使用兩個(gè)可達(dá)到函數(shù)同樣的效果。

布爾操作符 邏輯非（!）

將操作數(shù)（任何數(shù)據(jù)類型）轉(zhuǎn)換為一個(gè)布爾值，并求反。

!null; // true
!undefined; // true
!true; // false
!false; // true
!0; // true
!NaN; // true
!1; // false  除 0 和 NaN 以外的任何 Number 類型，此操作都會(huì)返回 false
!""; // true
!"s"; // false 任何非空的String類型，此操作都會(huì)返回false
!Symbol(); // false

連續(xù)使用兩個(gè) ! 可達(dá)到 Boolean() 函數(shù)同樣的效果。

!!null; // false
// ...

邏輯與（&&）

屬于短路操作，當(dāng)?shù)谝粋€(gè)操作數(shù)求值結(jié)果為false（如果不為Boolean類型則存在一個(gè)隱形轉(zhuǎn)換），則不會(huì)再對(duì)第二個(gè)操作數(shù)求值，并返回第一個(gè)操作數(shù)；只有當(dāng)?shù)谝粋€(gè)操作數(shù)位 true 才會(huì)返回第二個(gè)操作數(shù)（不論第二個(gè)操作數(shù)是 true 還是 false）。

const b1 = true;
const result1 = (b1 && undefined_variable); // ReferenceError
console.log(result1);

const b2 = false; // 如果是非 Boolean 類型則會(huì)自動(dòng)轉(zhuǎn)為 Boolean 類型
const result2 = (b2 && undefined_variable); 
console.log(result2); // false

b1 && console.log("只有第一個(gè)操作數(shù)為真，我才會(huì)出現(xiàn)在控制臺(tái)")
b2 && console.log("只有第一個(gè)操作數(shù)為真，我才會(huì)出現(xiàn)在控制臺(tái)")

邏輯或（||）

同樣屬于短路操作，當(dāng)?shù)谝粋€(gè)操作數(shù)求值結(jié)果為 true （如果不為Boolean類型則存在一個(gè)隱形轉(zhuǎn)換），則不會(huì)對(duì)第二個(gè)操作數(shù)求值，并返回第一個(gè)操作數(shù)；只有當(dāng)?shù)谝粋€(gè)操作數(shù)為 false 才會(huì)返回第二個(gè)操作數(shù)（不論第二個(gè)操作數(shù)是 true 還是 false）。

const b1 = true;
const result1 = (b1 || undefined_variable); 
console.log(result1); // false

const b2 = false;
const result2 = (b2 || undefined_variable); // ReferenceError
console.log(result2);

b1 || console.log("你在控制臺(tái)看不到我")
b2 || console.log("我會(huì)出現(xiàn)在控制臺(tái)！因?yàn)閎2 === false")

加性操作符 加法

Number類型：

任何數(shù)加NaN，結(jié)果都是NaN

Infinity + Infinity = Infinity

Infinity - Infinity = NaN

-Infinity - Infinity = -Infinity

0 + 0 = 0

0 - 0 = 0

-0 - 0 = -0

操作數(shù)中包含 String 類型，則將非 String 類型轉(zhuǎn)為 String 類型并拼接。

Object、Boolean類型，則調(diào)用它們的toString()方法獲得字符串值。默認(rèn)情況下 Object 類型返回 "[object Object]"，Boolean類型 true 返回 "true"、false 返回 "false"

Undefined類型或Null類型：調(diào)用 String() 取得字符串 "undefined"或 "null"

const s1 = "" + "s"; 
const s2 = "str" + { name: "Ashin" }; 
const s3 = "str" + true;
const s4 = "str" + null;
const s5 = "str" + undefined;

console.log(s1); // "s"
console.log(s2); // "str[object Object]"
console.log(s3); // "strtrue"
console.log(s4); // "strnull"
console.log(s5); // "strundefined"

減法 乘性操作符 乘法除法求模 關(guān)系操作符 相等操作符 相等和不相等 全等和不全等