摘要：和深入理解在和深入理解這篇博客里筆者曾做過總結，我們知道試單線程的產物，兩個函數就是利用了插入代碼的方式實現了偽異步，和的原理實際上是一樣的。綜上所述，其實終歸是單線程產物。無論如何異步都不可能突破單線程這個障礙。

說明：??這是筆者平時積累的一些覺得比較有意思或是比較有難度的JavaScript題目理解和心得，會保持長期更新。

在setTimeout和setInterval深入理解這篇博客里筆者曾做過總結，我們知道JavaScript試單線程的產物，兩個函數就是利用了插入代碼的方式實現了偽異步，和AJAX的原理實際上是一樣的。下面來看下這個例子：

console.log("1");
setTimeout(function(){
        console.log("3")
    },0);
    console.log("2");

結果：控制臺依次輸出1,2,3;

 
function fn() { 
setTimeout(function(){alert("can you see me?");},1000); 
while(true) {} 
} 

你覺得這段代碼的執行結果是什么呢？答案是，alert永遠不會出現。
????這是為什么呢？因為，while這段代碼沒有執行完，所以插入在后面的代碼便永遠不會執行。
綜上所述，其實JS終歸是單線程產物。無論如何“異步”都不可能突破單線程這個障礙。所以許多的“異步調用”（包括Ajax）事實上也只是“偽異步”而已。只要理解了這么一個概念，也許理解setTimeout和setInterval也就不難了。

在JavaScript閉包初探這篇博客里面進行了初步探討，有幾個小題個人覺得還是比較有意思的:

　　var name = "The Window";
　　var object = {
　　　　name : "My Object",
　　　　getNameFunc : function(){
　　　　　　return function(){
　　　　　　　　return this.name;
　　　　　　};
　　　　}
　　};
　　alert(object.getNameFunc()());//The Window

　  var name = "The Window";
　　var object = {
　　　　name : "My Object",
　　　　getNameFunc : function(){
　　　　　　var that = this;
　　　　　　return function(){
　　　　　　　　return that.name;
　　　　　　};
　　　　}
　　};
　　alert(object.getNameFunc()());//My Object

function fun(n,o) {
  console.log(o)
  return {
    fun:function(m){
      return fun(m,n);
    }
  };
}
var a = fun(0);  a.fun(1);  a.fun(2);  a.fun(3);//undefined,?,?,?
var b = fun(0).fun(1).fun(2).fun(3);//undefined,?,?,?
var c = fun(0).fun(1);  c.fun(2);  c.fun(3);//undefined,?,?,?

//問:三行a,b,c的輸出分別是什么？

這是一道非常典型的JS閉包問題。其中嵌套了三層fun函數，搞清楚每層fun的函數是那個fun函數尤為重要。

//答案：
//a: undefined,0,0,0
//b: undefined,0,1,2
//c: undefined,0,1,1

["1", "2", "3"].map(parseInt)//求輸出結果

??首先, map接受兩個參數, 一個回調函數 callback, 一個回調函數的this值
其中回調函數接受三個參數 currentValue, index, arrary;而題目中, map只傳入了回調函數--parseInt.其次, parseInt 只接受兩個兩個參數 string, radix(基數). radix的合法區間是2-36. 0或是默認是10.所以本題即問

parseInt("1", 0);
parseInt("2", 1);
parseInt("3", 2);

后兩者參數不合法.所以答案是：[1, NaN, NaN]；

根據語言規范，JavaScript 采用“IEEE 754 標準定義的雙精度64位格式”（"double-precision 64-bit format IEEE 754 values"）表示數字。據此我們能得到一個有趣的結論，和其他編程語言（如 C 和 Java）不同，JavaScript 不區分整數值和浮點數值，所有數字在 JavaScript 中均用浮點數值表示，所以在進行數字運算的時候要特別注意。精度丟失看看下面的例子:

0.1 + 0.2 = 0.30000000000000004

在具體實現時，整數值通常被視為32位整型變量，在個別實現（如某些瀏覽器）中也以32位整型變量的形式進行存儲，直到它被用于執行某些32位整型不支持的操作，這是為了便于進行位操作。大整數精度在2的53次方以內是不會丟失的，也就是說瀏覽器能精確計算Math.pow(2,53)以內所有的數，小數精度，當十進制小數的二進制表示的有限數字不超過 52 位時，在 JavaScript 里也是可以精確存儲的。

解決辦法：Math.round( (.1+.2)*100)/100;

??此題會讓人誤以為是2>1&&2<3,其實不是的，這個題等價于

1<2=>true;
true<3=>1<3=>true;
3<2=>true;
false<1=>0<1=>true;

答案：[true,true]
??這個題的重點是對于運算符的理解，一是javascript對于不同類型數值的比較規則，詳見js比較表,javascript相等性判斷；二是對于比較操作符和賦值運算符的理解，即一個自左向右一個自右向左~

3.tostring;
3..toString;
3...toString;

這個題感覺腦洞很大啊~先說答案：error,"3",error;
可如果是

var a=3;
a.toString;

卻又合法了答案就是"3";
為啥呢？
因為在JS中1.1,1.,.1都是合法數字啊！那么在解析3.toString的時候到底是這是個數字呢，還是方法調用呢？瀏覽器就懵逼了唄，只能拋出一個error,所以說感覺此題就是在戲耍瀏覽器......

var name = "World!";
(function () {
    if (typeof name === "undefined") {
        var name = "Jack";
        console.log("Goodbye " + name);
    } else {
        console.log("Hello " + name);
    }
})();

答案是什么呢...筆者第一次做的時候傻傻的覺得是Hello,world...實則不然，正確答案是:Goodbye Jack;
為什么呢，聲明提升...上述代碼相當于下面的代碼：

var name = "World!";
(function () {
    var name;
    if (typeof name === "undefined") {
        name = "Jack";
        console.log("Goodbye " + name);
    } else {
        console.log("Hello " + name);
    }
})();

var a = [0];
if ([0]) {
  console.log(a == true);
} else {
  console.log("wut");
}

讀者們你們覺得此題答案是什么呢？true?因為[0]被看做Boolean是被認為是true，理所當然的推出來[0]==true,控制臺輸出true...看似沒錯，然而并不是這樣滴~[0]這個玩意兒在多帶帶使用的時候是被認為是true的，但用作比較的時候它是false...所以正確答案是false；不信的話，F12控制臺輸出[0]==false；看是不是true......

1 + - + + + - + 1

這題應該是等同于：（倒著看）

1 + (a)  => 2
a = - (b) => 1
b = + (c) => -1
c = + (d) => -1
d = + (e) => -1
e = + (f) => -1
f = - (g) => -1
g = + 1   => 1

答案是2

function sidEffecting(ary) {
  ary[0] = ary[2];
}
function bar(a,b,c) {
  c = 10
  sidEffecting(arguments);
  return a + b + c;
}
bar(1,1,1)

此題涉及ES6語法，實在坑的不行...arguments
首先 The arguments object is an Array-like object corresponding to the arguments passed to a function.也就是說 arguments 是一個 object, c 就是 arguments[2], 所以對于 c 的修改就是對 arguments[2] 的修改.
所以答案是 21.
然而!!!!!!
當函數參數涉及到 any rest parameters, any default parameters or any destructured parameters 的時候, 這個 arguments 就不在是一個 mapped arguments object 了.....請看:

function sidEffecting(ary) {
  ary[0] = ary[2];
}
function bar(a,b,c=3) {
  c = 10
  sidEffecting(arguments);
  return a + b + c;
}
bar(1,1,1)

答案是12...
請讀者細細體會!!

[,,,].join(", ")

[,,,] => [undefined × 3]

因為javascript 在定義數組的時候允許最后一個元素后跟一個,, 所以這是個長度為三的稀疏數組(這是長度為三, 并沒有 0, 1, 2三個屬性哦)
答案: ", , "

var a = {class: "Animal", name: "Fido"};
a.class

這個題比較流氓.. 因為是瀏覽器相關, class是個保留字(現在是個關鍵字了);Fuck!
所以答案不重要, 重要的是自己在取屬性名稱的時候盡量避免保留字. 如果使用的話請加引號 a["class"]