摘要：茶余飯后，來杯咖啡對數(shù)組的每個元素調(diào)用定義的回調(diào)函數(shù)并返回包含結(jié)果的數(shù)組。因此，題目等同于最終返回。但是的次方計算出的結(jié)果由于精度問題使得失效。，返回，執(zhí)行會強制將轉(zhuǎn)換為，，最終返回。我們可能理解為，該函數(shù)存儲的是嵌套函數(shù)創(chuàng)建時變量的值。

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

歡迎提issues斧正：30題_解析

之前在學(xué)習(xí)時把問題和答案分開了，這兒也分開吧。這樣在看得時候無意識的會多思考一下。茶余飯后，來杯咖啡

map對數(shù)組的每個元素調(diào)用定義的回調(diào)函數(shù)并返回包含結(jié)果的數(shù)組。["1","2","3"].map(parseInt)對于數(shù)組中每個元素調(diào)用paresInt。但是該題目不同于：

function testFuc(a){
    return parseInt(a);
}
console.info(["1","2","3"].map(testFuc));

題目等同于：

function testFuc(a,x){
    return parseInt(a,x);
}
console.info(["1","2","3"].map(testFuc));

map中回調(diào)函數(shù)的語法如下所示：function callbackfn(value, index, array1)，可使用最多三個參數(shù)來聲明回調(diào)函數(shù)。第一參數(shù)value，數(shù)組元素的值；第二個參數(shù)index，數(shù)組元素的數(shù)組所以；array1，包含該元素的數(shù)組對象。
因此，題目等同于[parseInt(1,0),parseInt(2,1),parseInt(3,2)] 最終返回[1, NaN, NaN]。

typeof用以獲取一個變量或者表達式的類型，typeof一般只能返回如下幾個結(jié)果：

number,boolean,string,function（函數(shù)）,object（NULL,數(shù)組，對象）,undefined

instanceof 表示某個變量是否是某個對象的實例，null是個特殊的Object類型的值 ，表示空引用的意思 。但null返回object這個其實是最初JavaScript的實現(xiàn)的一個錯誤，
然后被ECMAScript沿用了，成為了現(xiàn)在的標準，不過我們把null可以理解為尚未存在的對象的占位符，這樣就不矛盾了 ，雖然這是一種“辯解”。
對于我們開發(fā)人員 還是要警惕這種“語言特性”。最終返回：["object", false]

pow() 方法可返回 x 的 y 次冪的值。[3,2,1].reduce(Math.pow);等同于：

function testFuc(x,y){
    console.info(x +" : "+y);
    return Math.pow(x,y);
}
console.info([3,2,1].reduce(testFuc));

執(zhí)行Math.pow(3,2)和Math.pow(2,1)，最終返回9和9。
但是要注意pow的參數(shù)都是必須的，[].reduce(Math.pow)，等同于執(zhí)行Math.pow();會導(dǎo)致錯誤。

先執(zhí)行字符串拼接，再執(zhí)行校驗

var val = "value";
console.info("Value id "+(val === "value123")?"Something":"Nothing");

同樣會返回something

判斷語句被包裹在立即調(diào)用函數(shù)里，函數(shù)內(nèi)部無法訪問外部值為"World"的name，因此typeof name === "undefined"為真，執(zhí)行下一步操作，最終輸出Goodbye Jack

END = 9007199254740992 ,START = 9007199254740892目的是計算的END和START之間的差。但是2的53次方計算出的結(jié)果由于精度問題使得i++失效。

filter會接觸到?jīng)]有被賦值的元素，即在arr中，長度為10但實際數(shù)值元素列表為[0, 1, 2, 10]，因此，最終返回一個空的數(shù)組[]。

兩個浮點數(shù)相加或者相減，將會導(dǎo)致一定的正常的數(shù)據(jù)轉(zhuǎn)換造成的精度丟失問題eight-six = 0.20000000000000007。
JavaScript中的小數(shù)采用的是雙精度(64位)表示的，由三部分組成：　符 + 階碼 + 尾數(shù)，在十進制中的 1/10，在十進制中可以簡單寫為 0.1 ，但在二進制中，他得寫成：0.0001100110011001100110011001100110011001100110011001…..（后面全是 1001 循環(huán)）。因為浮點數(shù)只有52位有效數(shù)字，從第53位開始，就舍入了。這樣就造成了“浮點數(shù)精度損失”問題。
更嚴謹?shù)淖龇ㄊ?eight-six ).totoFiexd(1)或者用用Math.round方法回歸整數(shù)運算。判斷兩個浮點數(shù)是否相等，還是建議用逼近的比較，比如if((a-b) < 1E-10)

使用new String()使用構(gòu)造函數(shù)調(diào)用講一個全新的對象作為this變量的值，并且隱式返回這個新對象作為調(diào)用的結(jié)果，因此showCase()接收的參數(shù)為String {0: "A"}為不是我們所認為的“A”

直接調(diào)用String("A")創(chuàng)建的變量和"A"無異。

var a="123"    "只是設(shè)置變量
b=new String("123") "設(shè)置一個成員

var a="123";
a.sex=1;
alert(a.sex);//輸出未定義，因為不是成員，沒有這屬性

b=new String("123");
b.sex=1;
alert(b.sex);//輸出1，成員的屬性

function isSane(num){
    return isEven(num)||isOdd(num);
}

該函數(shù)判斷num是否為正整數(shù)，"13"被強制轉(zhuǎn)換為數(shù)值13，-9%2結(jié)果為-1，Infinity %2為NaN

最終結(jié)果為[3, NaN, 3]；
parseInt() 函數(shù)可解析一個字符串，并返回一個整數(shù)。當參數(shù) radix 的值為 0，或沒有設(shè)置該參數(shù)時，parseInt() 會根據(jù) string 來判斷數(shù)字的基數(shù)。

Array.prototype為[]，Array.isArray(a)是一個判斷a是否為數(shù)組的方法。
判斷對象是否為數(shù)組的方法：
1）ES5函數(shù)isArray(),該函數(shù)測試對象的內(nèi)部[[Class]]屬性是否為Array:Arrray.isArray(a);
2）判斷對象的構(gòu)造函數(shù)是否為Array:a.constructor === Array
3）使用對象內(nèi)部[[Class]]屬性創(chuàng)建結(jié)果字符串：Object.prototype.toString.call(a)
4）使用instanceof操作符測試對象是否繼承自Array：（但由于，一個頁面的iframe不會繼承自另外一個頁面的iframe，該方法不可靠）

a instanceof Array

在if條件判斷語句相對于==比較寬松中，只要if(n)，n不為null，0，undefined數(shù)值，都會轉(zhuǎn)換為true。進入console.info(a == true);最終返回false。

數(shù)組，在 Javascript 中是對象，對象使用 == 比較都是比較的引用。簡單的說，就是，如果是同一個對象，就相等，如果不是同一個對象，就不等。每次使用 [] 都是新建一個數(shù)組對象，所以 [] == [] 這個語句里建了兩個數(shù)據(jù)對象，它們不等。

執(zhí)行"5"+3，加號具備拼接字符串功能，會將3強制轉(zhuǎn)換為字符串"3"和"5"拼接。
執(zhí)行"5"-3，減號只具備數(shù)值運算的功能，因此會將"5"轉(zhuǎn)化為數(shù)值，進行5-3的數(shù)值運算

區(qū)分賦值和聲明。雖然var arr = Array(3);創(chuàng)建一個長度為3的數(shù)組，但是實際只有一個元素被賦值，因此arr的實際長度為1，即最終參與map的只有一個元素，返回[1]

按照執(zhí)行步驟，無需多疑，最終結(jié)果為10+1+10

js的精確整數(shù)最大為:Math.pow(2,53)-1 =9007199254740991.
var a = 111111111111111110000,
max = 9007199254740992;
a的值大于javascript所能表示的最大整數(shù)精度，因此和任何數(shù)值相加將會導(dǎo)致失真。

正確調(diào)用方式為x.call([])

Number.MIN_VALUE表示的最小值為5e-324，MIN_VALUE代表的并不是負最小，而是最接近0的一個數(shù)，因此Number.MIN_VALUE>0。
負最小值可以使用-Number.MAX_VALUE表示。

1<2，返回true，執(zhí)行true<3，會強制將true轉(zhuǎn)換為1，1<3，最終返回true。
3<2，返回false，執(zhí)行false<1,會強制將false轉(zhuǎn)換為0，0<1，最終返回true。

使用a==b判斷a和b對象是否相等，可以會將b對象強制轉(zhuǎn)換為a對象的類型，即執(zhí)行2 == [[[2]]]，會隱式調(diào)用parseInt([[[2]]])將[[[2]]]強制轉(zhuǎn)化為數(shù)字基本量，即2，2==2，最終返回true。

Number中的toString(a)，能夠?qū)?shù)值轉(zhuǎn)化成為a進制的值。但a缺省時，默認轉(zhuǎn)化為十進制。
一般使用方法為：var n = 3;3.toString();
執(zhí)行3.toString()，因為3只是為數(shù)值型變量，為非Number實例，因此對于3不能直接調(diào)用Number方法。而執(zhí)行3..toString()，會強制將3轉(zhuǎn)化為數(shù)字實例，因此能夠被解釋，輸出3，同樣可以使用(3).toString()。

在立即調(diào)用函數(shù)內(nèi)執(zhí)行，var x1 =y1 =1;創(chuàng)建局部變量x1和全局變量y1。函數(shù)外部試圖訪問函數(shù)內(nèi)部的變量，將會導(dǎo)致錯誤。

列舉IE和FF腳本兼容性的問題
（1）window.event
表示當前的事件對象，IE有這個對象，F(xiàn)F沒有
（2）獲取事件源
IE用srcElement獲取事件源，而FF用target獲取事件源
（3）添加、移除事件
IE：element.attachEvent("onclick",function)
element.detachEvent("onclick",function)
FF:element.addEventListener("click",function,true)
element.removeEventListener("click",function,true)

題目所給出的代碼，除了有addEventListener不兼容IE瀏覽器的問題之外，最突出的一個問題是：
雖然在頁面上會顯示值為button+i的按鈕，但是點擊任意一個按鈕，最終都會顯示5。
要想點擊相關(guān)按鈕，彈出相應(yīng)的1，2，3，4，5的值，需要理解閉包原理實現(xiàn)和使用立即回調(diào)函數(shù)。修改后的代碼如下：

function initButtons(){ 
    var body = document.body,button,i;          
    for(i =0;i<5;i++){ 
        (function(i){ 
             button = document.createElement("button"); 
             button.innerHTML = "Button" + i; 
             button.addEventListener("click",function(e){ 
                  alert(i); 
             },false); 
             body.appendChild(button); 
          })(i);                      
    }          
} 
initButtons(); 

涉及綁定和賦值得到區(qū)別。在運行時，進入一個作用域，javascript會為每一個綁定到該作用域的變量在內(nèi)存中分配一個“槽”（slot）。函數(shù)中，創(chuàng)建變量document.body,button,i，因此當函數(shù)體（創(chuàng)建按鈕，并為按鈕綁定事件）被調(diào)用時，函數(shù)會為每個變量分配一個“槽”。在循環(huán)的每次迭代中，循環(huán)體都會為嵌套函數(shù)分配一個閉包。我們可能理解為，該函數(shù)存儲的是嵌套函數(shù)創(chuàng)建時變量i的值。但事實上，他存儲的是i的引用。由于每次函數(shù)創(chuàng)建后變量i的值都發(fā)生變化，因此函數(shù)內(nèi)部最終看到的是變量i的引用。閉包存儲的是外部變量的引用而非值。
立即調(diào)用的函數(shù)表達式，是一種不可或缺的解決javascript缺少塊級作用域的方法。
需要深入理解，可以查看《Effective JavaScript》第13條：使用立即調(diào)用的函數(shù)表達式創(chuàng)建局部作用域

/*寫一段代碼。判斷一個字符串中出現(xiàn)次數(shù)最多的字符串，并統(tǒng)計出現(xiàn)的次數(shù)*/        
        function toGetTheMostCharsByArray(s){ 
            var r={}; 
            for(var i=0;imax.num){ 
                    max.num = r[n]; 
                    max.value = n;  
                } 
            } 
            return max; 
        } 
        function toGetTheMostCharsByRegex(s){ 
            var a = s.split(""); 
            a.sort(); 
            s = a.join(""); 
     
            var regex = /(w)1+/g ;//1代表重復(fù)的 
     
            var max = { 
                "value "　:s[0], 
                "num" :  0 
            }; 
             
            s.replace(regex,function(a,b){ 
                if(max.num < a.length){ 
                    max.num = a.length; 
                    max.value= b; 
                } 
            }); 
     
            return max; 
     
        } 
        var test = "efdfssssfrhth"; 
        console.info("使用常規(guī)方法　，出現(xiàn)最多的字符串為："+toGetTheMostCharsByArray(test).value+" ，出現(xiàn)次數(shù)："+toGetTheMostCharsByArray(test).num); 
        console.info("使用字符串匹配，出現(xiàn)最多的字符串為："+toGetTheMostCharsByRegex(test).value+" ，出現(xiàn)次數(shù)："+toGetTheMostCharsByRegex(test).num); 

javascript的引擎是單線程的
javascript的引擎是基于事件驅(qū)動的
setTimeout和setInterval都是往事件隊列中增加一個待處理時間而已，setTimeout只觸發(fā)一次，而setInterval是循環(huán)觸發(fā)

setTimeout(function(){
    //代碼塊
    setTimeout(arguments.callee,10);
},10);

上段代碼可使得setTimeout循環(huán)觸發(fā)。但是，執(zhí)行完這段代碼塊才掛起時間，所以兩次執(zhí)行時間會大于10毫秒

setInterval(function(){
    /*代碼塊*/
},10);

而上段代碼，是自動在10的時候掛上這個事件，所以兩次事件的相隔會小于等于10毫秒。
當線程阻塞在一個事件的時候，不管是使用setInterval還是setTimeout都需要等待當前事件處理完才能執(zhí)行。

完

聲明：本文源于學(xué)習(xí)的時候保存的一份word文檔。word復(fù)制自一篇博客稱“JavaScript30個你不可能全會的題目”，具體出處已無。不過，最原始源自書籍《超實用的JavaScript代碼段》