《你不知道的JavaScript》是一個不錯的JavaScript系列書，書名可能有些標題黨的意思，但實符其名，很多地方會讓你有耳目一新的感覺。
1.typeof null === "object"// true
ES6中JavaScript的類型有：null、undefined、string、number、boolean、object和symbol。但為啥上面的表達式為true呢？這其實是JavaScript的一個bug。最初設計是根據類型對應的前三位是不是0來判斷是否為一個object。而null全部為0，所以null的類型誤判為object。要准確判斷null需要這樣：
var a = null; (!a && typeof a === "object"); // true
因為null本身是一個假值("",undefined,false,0)。而像function，{}，Array等都屬於object。
2.undefined與未申明
而對於未賦值的變量,type of 返回undefined，未申明的變量也返回undefined，雖然這有點迷惑，但用以檢測一個變量會比較安全：
直接操作一個未申明的變量會報錯，所以下面這樣檢測比較好:
if(typeof a !=="undefined"){}
等同於:
if(window.a){}
通過window的全局屬性去檢測，看起來更簡潔，但是要注意場景，前提是存在window，且a為全局變量。
3.數字的語法
1)JavaScript中數字前面的0可以省略，小數后面的0也可以省略
且toFixed方法本身帶有四舍五入的效果。
實際上可能不會有人這么寫，直接對一個數字進行小數處理。但讓我們認識到，對於數字而言，‘.’被視為常量12的一部分，所以上面的錯誤就相當於沒有屬性訪問運算符'.'來調用toFixed方法。
以上三種是可以的，以區分'.'是屬性訪問器還是常量的一部分。
2）最小數
這個錯誤大家應該都知道，JavaScript中的浮點數並不是十分精確。所以0.1+0.2的結果並非剛好等於0.3。再比如我的ofo賬單中
所以在JavaScript中判斷浮點數需要帶上一個精度范圍。
if (!Number.EPSILON) { Number.EPSILON = Math.pow(2,-52); }; function numbersCloseEnoughToEqual(n1,n2) { return Math.abs( n1 - n2 ) < Number.EPSILON; }
numbersCloseEnoughToEqual(0.1+0.2,0.3) //true
3)最大數
我們對一個字符串進行轉換，parseFloat和parseInt都只能到16位。其他的后面全部補0了。這個要注意了，讓前端傳給的id啊，唯一號啊都應該是字符串的，當然這在調用api的時候沒有問題，因為都是字符串。但有一次我遇到這個坑是因為ProtoBuf的自定義協議中別人定義了個19位的int。結果就拿不到數據了。
4.void 運算符
void不改變表達式的結果，只讓表達式不返回值。我們可以使用void 0來獲得undefined。void 1、void true和undefined之間並沒有實質的區別。
其實每個表達式都有返回值，我們在console中操作的時候就會發現。第三個undefined是void的作用。 像賦值表達式，定義表達式的返回值無法運用。
特殊一點的比如setTimeout這個方法，每次調用都會返回一個數字，這個數字其實是計數器的一個唯一標識符，用來讓你取消的。你可以用 void抹掉，但這簡直是給自己挖坑。
5.不是數字的數字
NaN是個很奇葩的對象，自己不等於自己。
typeof NaN==='number'//true
但它確實屬於number。
雖然window自帶isNaN方法，但這個方法有bug。居然判斷字符也返回true。但可以用到它的奇葩特性來判斷NaN。它是唯一一個自己不等於自己的值。
if (!Number.isNaN) { Number.isNaN = function(n) { return n !== n; }; } Number.isNaN(b)
6.奇特的~運算符
位操作符(|和~)和某些特殊數字一起使用時會產生類似強類型轉換的效果，返回另外一個數字。
0|undefined//0 0|NaN//0 0|Infinity //0
你可能想到了用來代替parseInt。but，只有10位。
超過11位成了有符號的整數。用乘法相當於parsInt,16位是正確的。超過了就說不好了。
~ 非操作符，在JavaScript中的效果就是值的負數減一。
這個特性可以配合indexOf一起使用：
var a = "Hello World"; if (~a.indexOf( "lo" )) { // true // 找到匹配！ } if (!~a.indexOf( "ol" )) { // true // 沒有找到匹配！ } if (a.indexOf( "lo" ) >= 0) { // true // 找到匹配！ } if (a.indexOf( "lo" ) != -1) { // true // 找到匹配！ } if (a.indexOf( "ol" ) < 0) { // true // 沒有找到匹配！ } if (a.indexOf( "ol" ) == -1) { // true // 沒有找到匹配！ }
上面兩種比起下面的4種要簡潔一些。當然你可能一開始不習慣，這到底是匹配了還是沒匹配。記住-1取反為0，0為false。
7.假值的相等比較
==會進行隱式的強制類型轉換
"0" == null; // false "0" == undefined; // false "0" == false; // true -- 暈！ "0" == NaN; // false "0" == 0; // true "0" == ""; // false false == null; // false false == undefined; // false false == NaN; // false false == 0; // true -- 暈！ false == ""; // true -- 暈！ false == []; // true -- 暈！ false == {}; // false "" == null; // false "" == undefined; // false "" == NaN; // false "" == 0; // true -- 暈！ "" == []; // true -- 暈！ "" == {}; // false 0 == null; // false 0 == undefined; // false 0 == NaN; // false 0 == []; // true -- 暈！ 0 == {}; // false
這個結果真讓人大跌眼鏡。{}和[]其實是為真的。
更誇張的是：
所以 false==[] 很讓人迷惑,背后是因為都轉成了0==0。所以最好是使用===來避免不經意的強制類型轉換。
8.運算符優先級
&&與||是比較熟悉的。a&&b，如果a為真，則返回b。a||b,如果a為真返回a，否則返回b。
&&可以用來代替單個if。
a&&foo();
如果a為真就執行foo()，如果要執行多個語句，可以用括號括起來，中間用逗號分開。||可以用來處理默認值。
function foo(a){ a=a||1; //.... }
&& 運算符的優先級高於 || ，而 || 的優先級又高於 ? : 。
a && b || c ? c || b ? a : c && b : a
相當於：
(a && b || c) ? (c || b) ? a : (c && b) : a
小結：以上是《中》的第一部分筆記。