摘要：業(yè)務(wù)越復(fù)雜，邏輯就越復(fù)雜，判斷就越多比較判斷比較判斷是比較兩個(gè)值，返回一個(gè)布爾值，表示是否滿足比較條件。對于非布爾值的數(shù)據(jù)，取反運(yùn)算符會自動(dòng)將其轉(zhuǎn)為布爾值。

前端學(xué)習(xí)：教程&開發(fā)模塊化/規(guī)范化/工程化/優(yōu)化&工具/調(diào)試&值得關(guān)注的博客/Git&面試-前端資源匯總

歡迎提issues斧正：==========

代碼中，多多少少會有判斷語句。業(yè)務(wù)越復(fù)雜，邏輯就越復(fù)雜，判斷就越多

比較判斷是比較兩個(gè)值，返回一個(gè)布爾值，表示是否滿足比較條件。JavaScript一共提供了8個(gè)比較運(yùn)算符，參考我另一篇文章：JavaScript-運(yùn)算符淺析。

這里主要說一下嚴(yán)格相等運(yùn)算符和相等運(yùn)算符的區(qū)別：

==相等運(yùn)算符比較兩個(gè)值的時(shí)候會判斷兩個(gè)值的類型，如果不是同一類型，會強(qiáng)制轉(zhuǎn)換為同一類型進(jìn)行比較（類型轉(zhuǎn)換參考溫故js系列第一篇文章： 類型轉(zhuǎn)換）。

而===比較兩個(gè)值的時(shí)候先判斷兩個(gè)值的類型，如果不是同一類型，直接返回false，值類型相同再進(jìn)行值的比較。

所以，從性能上來說，==會比===多走一條類型轉(zhuǎn)換的路，稍遜一點(diǎn)。從結(jié)果上來說，有時(shí)候類型轉(zhuǎn)換會給你帶來你不想要的比較結(jié)果。 這也就是為什么都推崇使用===的原因。當(dāng)然，==在合適的業(yè)務(wù)場景下使用也是必要的。

        判斷                        返回
兩個(gè)值類型不同                       false
兩個(gè)值都是null/undefined/true/false  true      
兩個(gè)值其中之一為NaN                  false
兩個(gè)值都為數(shù)值且值相等                true
兩個(gè)值都為字符串且值相等              true
兩個(gè)值都指向同一個(gè)引用類型            true

1 === "1" // false
true === true // true
undefined === undefined // true
null === null // true
1 === 1 // true
NaN === NaN  // false
+0 === -0 // true
({} === {}) // false
[] === [] // false
(function (){} === function (){}) // false
var v1 = {};
var v2 = v1;  //兩個(gè)值引用同一個(gè)對象
v1 === v2 // true

嚴(yán)格相等運(yùn)算符有一個(gè)對應(yīng)的嚴(yán)格不相等運(yùn)算符（!==），兩者的運(yùn)算結(jié)果正好相反

規(guī)則： 

if 相等運(yùn)算符比較相同類型的數(shù)據(jù)時(shí)，同嚴(yán)格相等運(yùn)算符
else if 相等運(yùn)算符比較不同類型的數(shù)據(jù)時(shí)：
原始類型的數(shù)據(jù)會轉(zhuǎn)換成數(shù)值類型，把字符串和布爾值都轉(zhuǎn)為數(shù)值，再進(jìn)行比較
null == undefined  返回true
一個(gè)是對象，另一個(gè)是數(shù)字或者字符串，把對象轉(zhuǎn)成基本類型值再比較
else false

123 == 123; //true
"123" == 123; //true，"123"會轉(zhuǎn)成成數(shù)值123
false == 0; //true，false 轉(zhuǎn)成數(shù)值就是0
"a" == "A"; //false，轉(zhuǎn)換后的編碼不一樣
123 == {}; //false，執(zhí)行toString()或valueOf()會改變
123 == NaN; //false，只要有NaN，都是false
{} == {}; //false，比較的是他們的地址，每個(gè)新創(chuàng)建對象的引用地址都不同

null == undefined //true
"NaN" == NaN //false
123 == NaN //false
NaN == NaN //false
false == 0 //true
true == 1 //true
true == 2 //false
undefined == 0 //false
null == 0 //false
"123" == 123 //true
"123" === 123 //false

相等運(yùn)算符有一個(gè)對應(yīng)的不相等運(yùn)算符（!=），兩者的運(yùn)算結(jié)果正好相反

!!相當(dāng)于Boolean，寫代碼時(shí)用!!轉(zhuǎn)化為Boolean類型做判斷非常好用

!!"xzavier";   // true
!!"";          // false
!!"0";         // true
!!"1";         // true
!!"-1"         // true
!!0            // false
!!undefined    // false
!!null         // false
!!NaN          // false
!!{};          // true
!!{name:"xz"}  // true
!![];          // true
!![1,2,3];     // true
!!true;        // true

取反運(yùn)算符 ! 用于將布爾值變?yōu)橄喾粗?，即true變成false，false變成true。對于非布爾值的數(shù)據(jù)，取反運(yùn)算符會自動(dòng)將其轉(zhuǎn)為布爾值。規(guī)則是，以下六個(gè)值取反后為true，其他值取反后都為false

undefined  null  false  0(包括+0和-0)  NaN  空字符串("")

!undefined    // true
!null         // true
!false        // true
!0            // true
!NaN          // true
!""           // true    
!54           // false
!"hello"      // false
![]           // false
![1,2,3]      // false
!{}           // false
!{name:"xz"}  // false

對于[]和{}，我們在業(yè)務(wù)代碼中肯定會對其做判斷，如上

!!{};          // true
!!{name:"xz"}  // true
!![];          // true
!![1,2,3];     // true

不能用!!和!做判斷，對于數(shù)組，我們用它的length屬性做判斷

[].length       // 0 false
[1,2,3].length  // 3 true

對象的話，可以采用jQuery的方法$.isEmptyObject(obj)，也可以js封裝一個(gè)方法，就模仿jQuery 寫一個(gè)

function isEmptyObject(obj) {
    var name;
    for ( name in obj ) {
        return false;
    }
    return true;
}
isEmptyObject({});  //true
isEmptyObject({name: "xzavier"});  false  

推薦一個(gè)工具庫underscore，它也有個(gè)方法isEmpty(object)

const _ = require("underscore");
_.isEmpty({});  // true

用在條件表達(dá)式中，規(guī)則是：

num1 && num2
true    true    true
true    false   false
false   true    false
false   false   false

用在語句中，規(guī)則是 ：

result = expression1 && expression2

如果expression1的計(jì)算結(jié)果為false，則result為expression1。否則result為expression2

(1 - 1) && ( x += 1)  // 0
(2 > 1) && ( 5 + 5)   // 10
(2 + 1) && ( 5 + 5)   // 10

用在條件表達(dá)式中，規(guī)則是：

num1 || num2
true    true     true
true    false    true
false   true     true
false   false    false

用在語句中，規(guī)則是：

如果第一個(gè)運(yùn)算子的布爾值為true，則返回第一個(gè)運(yùn)算子的值，且不再對第二個(gè)運(yùn)算子求值
如果第一個(gè)運(yùn)算子的布爾值為false，則返回第二個(gè)運(yùn)算子的值

||運(yùn)算符一般在業(yè)務(wù)代碼中做條件表達(dá)式判斷和容錯(cuò)處理，我們在取數(shù)據(jù)時(shí)取不到的情況下，又不能影響后面的業(yè)務(wù)代碼，就需要進(jìn)行容錯(cuò)。||就是一個(gè)非常好的容錯(cuò)寫法，相當(dāng)于提供一個(gè)備用數(shù)據(jù)。

var data = undefined || backup_data;  //請求出錯(cuò)，數(shù)據(jù)為undefined時(shí)，就去備用數(shù)據(jù)backup_data

規(guī)則：

condition ? expression1 : expression2;

function absN(xzavier) {
    return xzavier > 0 ? xzavier : -xzavier;
}
absN(-123);  //123
absN(123);  //123

如果第一個(gè)表達(dá)式的布爾值為true，則返回第二個(gè)表達(dá)式的值，否則返回第三個(gè)表達(dá)式的值。

判斷暫時(shí)寫到這兒，判斷是我們代碼生涯中時(shí)時(shí)刻刻接觸的，更多的attention在接觸研究過會更新于此...

休息一刻，約好要去打籃球了。。。