JavaScript常見面試題五

　　好程式員Java教程分享JavaScript常見面試題五

　　1、以下代碼行将輸出什麼到控制台?

　　console.log("0||1="+(0||1));console.log("1||2="+(1||2));console.log("0&&1="+(0&&1));console.log("1&&2="+(1&&2));

　　并解釋。

　　該代碼将輸出：

　　0||1=11||2=10&&1=01&&2=2

　　在JavaScript中，||和&&都是邏輯運算符，用于在從左至右計算時，傳回第一個可完全确定的“邏輯值”。

　　或(||)運算符。在形如X||Y的表達式中，首先計算X并将其解釋執行為一個布爾值。如果這個布爾值true，那麼傳回true(1)，不再計算Y，因為“或”的條件已經滿足。如果這個布爾值為false，那麼我們仍然不能知道X||Y是真是假，直到我們計算Y，并且也把它解釋執行為一個布爾值。

　　是以，0||1的計算結果為true(1)，同理計算1||2。

　　與(&&)運算符。在形如X&&Y的表達式中，首先計算X并将其解釋執行為一個布爾值。如果這個布爾值為false，那麼傳回false(0)，不再計算Y，因為“與”的條件已經失敗。如果這個布爾值為true，但是，我們仍然不知道X&&Y是真是假，直到我們去計算Y，并且也把它解釋執行為一個布爾值。

　　不過，關于&&運算符有趣的地方在于，當一個表達式計算為“true”的時候，那麼就傳回表達式本身。這很好，雖然它在邏輯表達式方面計算為“真”，但如果你希望的話也可用于傳回該值。這就解釋了為什麼，有些令人奇怪的是，1&&2傳回2(而不是你以為的可能傳回true或1)。

　　2、執行下面的代碼時将輸出什麼?請解釋。

　　console.log(false=='0')console.log(false==='0')

　　代碼将輸出：

　　truefalse

　　在JavaScript中，有兩種等式運算符。三個等于運算符===的作用類似傳統的等于運算符：如果兩側的表達式有着相同的類型和相同的值，那麼計算結果為true。而雙等于運算符，會隻強制比較它們的值。是以，總體上而言，使用===而不是==的做法更好。!==vs!=亦是同理。

　　3、以下代碼将輸出什麼?并解釋你的答案。

　　vara={},

　　b={key:'b'},c={key:'c'};

　　a=123;

　　a[c]=456;

　　console.log(a);

　　這段代碼将輸出456(而不是123)。

　　原因為：當設定對象屬性時，JavaScript會暗中字元串化參數值。在這種情況下，由于b和c都是對象，是以它們都将被轉換為"[objectObject]"。結果就是，a和a[c]均相當于a["[objectObject]"]，并可以互換使用。是以，設定或引用a[c]和設定或引用a完全相同。

　　4、以下代碼行将輸出什麼到控制台?

　　console.log((functionf(n){return((n>1)?n*f(n-1):n)})(10));

　　并解釋你的答案。

　　代碼将輸出10!的值(即10!或3628800)。

　　原因是：

　　命名函數f()遞歸地調用本身，當調用f(1)的時候，隻簡單地傳回1。下面就是它的調用過程：

　　f(1):returnsn,whichis1f(2):returns2f(1),whichis2f(3):returns3f(2),whichis6f(4):returns4f(3),whichis24f(5):returns5f(4),whichis120f(6):returns6f(5),whichis720f(7):returns7f(6),whichis5040f(8):returns8f(7),whichis40320f(9):returns9f(8),whichis362880f(10):returns10*f(9),whichis3628800

　　5、請看下面的代碼段。控制台将輸出什麼，為什麼?

　　(function(x){return(function(y){console.log(x);

　　})(2)

　　})(1);

　　控制台将輸出1，即使從來沒有在函數内部設定過x的值。原因是：

　　閉包是一個函數，連同在閉包建立的時候，其範圍内的所有變量或函數一起。在JavaScript中，閉包是作為一個“内部函數”實施的：即，另一個函數主體内定義的函數。閉包的一個重要特征是，内部函數仍然有權通路外部函數的變量。

　　是以，在本例中，由于x未在函數内部中定義，是以在外部函數範圍中搜尋定義的變量x，且被發現具有1的值。

　　6、下面的代碼将輸出什麼到控制台，為什麼：

　　varhero={

　　_name:'JohnDoe',

　　getSecretIdentity:function(){returnthis._name;

　　}

　　};varstoleSecretIdentity=hero.getSecretIdentity;console.log(stoleSecretIdentity());console.log(hero.getSecretIdentity());

　　代碼有什麼問題，以及應該如何修複。

　　undefinedJohnDoe

　　第一個console.log之是以輸出undefined，是因為我們正在從hero對象提取方法，是以調用了全局上下文中(即視窗對象)的stoleSecretIdentity()，而在此全局上下文中，_name屬性不存在。

　　其中一種修複stoleSecretIdentity()函數的方法如下：

　　varstoleSecretIdentity=hero.getSecretIdentity.bind(hero);

　　7、建立一個給定頁面上的一個DOM元素，就會去通路元素本身及其所有子元素(不隻是它的直接子元素)的函數。對于每個被通路的元素，函數應該傳遞元素到提供的回調函數。

　　此函數的參數為：

　　DOM元素

　　回調函數(将DOM元素作為其參數)

　　通路樹(DOM)的所有元素是經典的深度優先搜尋算法應用。下面是一個示範的解決方案：

　　functionTraverse(p_element,p_callback){

　　p_callback(p_element);varlist=p_element.children;for(vari=0;i

　　Traverse(list,p_callback);//recursivecall