日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關咨詢
選擇下列產(chǎn)品馬上在線溝通
服務時間：8:30-17:00
你可能遇到了下面的問題
關閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
7個簡單但棘手的JavaScript面試問題

如果您符合高級開發(fā)人員的資格，其工作涉及JavaScript，那么在編碼面試中很有可能會被問到棘手的問題。

成都創(chuàng)新互聯(lián)主要從事做網(wǎng)站、網(wǎng)站建設、網(wǎng)頁設計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務。立足成都服務六合,十余年網(wǎng)站建設經(jīng)驗,價格優(yōu)惠、服務專業(yè),歡迎來電咨詢建站服務:13518219792

遵循這個建議:“熟能生巧”。深入有規(guī)律地學習JavaScript將提高您的編碼能力，并且可以提高您的面試技巧。

在這篇文章中，你會發(fā)現(xiàn)7個乍一看很簡單但很棘手的JavaScript面試問題。

雖然一開始這些問題看起來是隨意的，但是它們試圖與JavaScript的重要概念掛鉤。所以你最好在下次面試前練習一下！

1. 意外全局變量

Question

以下代碼段中用于運算 typeof a 和 typeof b 的內(nèi)容：

 
 
 
 
    
  
  
  
  
  1. function foo() {  
    2.   
  
  
  
  2.   let a = b = 0;  
    3.   
  
  
  
  3.   a++;  
    4.   
  
  
  
  4.   return a;  
    5.   
  
  
  
  5. }  
    6.   
  
  
  
  6. foo();  
    7.   
  
  
  
  7. typeof a; // => ???  
    8.   
  
  
  
  8. typeof b; // => ??? 
    9.

Answer

讓我們看一下第2行：let a = b = 0，該語句聲明一個局部變量a，然兒，它也聲明了全局變量b。

在 foo() 范圍或全局范圍中都沒有聲明變量b。因此JavaScript將 b = 0 表達式解釋為 window.b = 0。換句話說，b是意外創(chuàng)建的全局變量。

在瀏覽器中，以上代碼片段等效于：

 
 
 
 
    
  
  
  
  
  1. function foo() {  
    2.   
  
  
  
  2.   let a;  
    3.   
  
  
  
  3.   window.b = 0;  
    4.   
  
  
  
  4.   a = window.b;  
    5.   
  
  
  
  5.   a++;  
    6.   
  
  
  
  6.   return a;  
    7.   
  
  
  
  7. }  
    8.   
  
  
  
  8. foo();  
    9.   
  
  
  
  9. typeof a;        // => 'undefined'  
    10.   
  
  
  
  10. typeof window.b; // => 'number' 
    11.

typeof a 等于 'undefined'，變量 a 存在于 foo() 范圍內(nèi)，而在外部范圍內(nèi)不使用。

因為b是一個值為0的全局變量，所以b的類型的值為 'number'。

2.數(shù)組的length屬性

Question

clothes[0] 的值是什么?

 
 
 
 
    
  
  
  
  
  1. const clothes = ['jacket', 't-shirt'];  
    2.   
  
  
  
  2. clothes.length = 0;  
    3.   
  
  
  
  3. clothes[0]; // => ??? 
    4.

Answer

數(shù)組對象的 length 屬性具有特殊的行為：減少length屬性的值的副作用是刪除自己的數(shù)組元素。因此，當JavaScript執(zhí)行 clothes.length = 0 的時候?qū)h除所有元素。

clothes [0] 等于 undefined 的，因為 clothes 數(shù)組已被清空。

3.鷹眼測試

Question

numbers 數(shù)組的內(nèi)容是什么？

 
 
 
 
    
  
  
  
  
  1. const length = 4;  
    2.   
  
  
  
  2. const numbers = [];  
    3.   
  
  
  
  3. for (var i = 0; i < length; i++);{  
    4.   
  
  
  
  4.   numbers.push(i + 1);  
    5.   
  
  
  
  5. }  
    6.   
  
  
  
  6. numbers; // => ??? 
    7.

讓我們仔細看一下分號 ； 出現(xiàn)在左大括號 {：

這個分號很容易被忽略，它創(chuàng)建了一個空語句。空語句是不做任何事情的空語句。

for() 在空語句上進行4次迭代（不執(zhí)行任何操作），而忽略實際將項目推入數(shù)組的塊：{number.push（i + 1）;}。上面的代碼等效于以下代碼：

 
 
 
 
    
  
  
  
  
  1. const length = 4;  
    2.   
  
  
  
  2. const numbers = [];  
    3.   
  
  
  
  3. var i;  
    4.   
  
  
  
  4. for (i = 0; i < length; i++) {  
    5.   
  
  
  
  5.   // does nothing  
    6.   
  
  
  
  6. }  
    7.   
  
  
  
  7. {   
    8.   
  
  
  
  8.   // a simple block  
    9.   
  
  
  
  9.   numbers.push(i + 1);  
    10.   
  
  
  
  10. }  
    11.   
  
  
  
  11. numbers; // => [5] 
    12.

for() 將 i 變量遞增到4，然后JavaScript一次進入塊 {number.push（i + 1）;}，將 4 +1 推入數(shù)字數(shù)組。

因此，numbers 數(shù)組的內(nèi)容為 [5]。

4.自動分號插入

Question

 
 
 
 
    
  
  
  
  
  1. arrayFromValue() 返回什么值？  
    2.   
  
  
  
  2. function arrayFromValue(item) {  
    3.   
  
  
  
  3.   return  
    4.   
  
  
  
  4.     [item];  
    5.   
  
  
  
  5. }  
    6.   
  
  
  
  6. arrayFromValue(10); // => ??? 
    7.

Answer

很容易錯過 return 關鍵字和 [item] 表達式之間的換行符。此換行符使JavaScript自動在 return 和 [item] 表達式之間插入分號。

這是等效的代碼，在返回后插入了分號：

 
 
 
 
    
  
  
  
  
  1. function arrayFromValue(item) {  
    2.   
  
  
  
  2.   return;  
    3.   
  
  
  
  3.   [item];  
    4.   
  
  
  
  4. }  
    5.   
  
  
  
  5. arrayFromValue(10); // => undefined 
    6.

return; 函數(shù)內(nèi)部使其返回 undefined。因此 arrayFromValue(10) 的值為 undefined。

5.經(jīng)典問題：棘手的閉包

Question

以下代碼將輸出什么到控制臺？

 
 
 
 
    
  
  
  
  
  1. let i;  
    2.   
  
  
  
  2. for (i = 0; i < 3; i++) {  
    3.   
  
  
  
  3.   const log = () => {  
    4.   
  
  
  
  4.     console.log(i);  
    5.   
  
  
  
  5.   }  
    6.   
  
  
  
  6.   setTimeout(log, 100);  
    7.   
  
  
  
  7. } 
    8.

Answer

如果您以前從未聽說過這個棘手的問題，則很可能您的答案是 0、1 和 2：這是錯誤的。當我第一次嘗試解決它時，這也是我的答案！

執(zhí)行此代碼段有兩個階段。

Phase 1

  1.  for() 重復3次，在每次迭代過程中，都會創(chuàng)建一個新的函數(shù) log() 來捕獲變量 i。然后 setTimout() 計劃執(zhí)行l(wèi)og()。
  2.  當 for() 循環(huán)完成時，i 變量的值為 3。

log() 是一個捕獲變量 i 的閉包，該變量在 for() 循環(huán)的外部范圍中定義。請務必注意，閉包可以詞法捕獲 i 變量。

Phase 2

第二階段發(fā)生在100ms之后：setTimeout() 調(diào)用了3次計劃的 log() 。log() 讀取變量i的當前值為3，并記錄到控制臺3。這就是為什么控制臺輸出為3、3 和 3 的原因。

如果您難以理解閉包，建議閱讀“ JavaScript閉包的簡單說明”。

您知道如何將代碼段記錄為0、1和2嗎？請在下面的評論中寫下您的解決方案！

6.浮點數(shù)計算

Question

這個等式的結(jié)果是什么？

 
 
 
 
    
  
  
  
  
  1. 0.1 + 0.2 === 0.3 // => ??? 
    2.

Answer

首先，讓我們看一下 0.1 + 0.2 的值：

 
 
 
 
    
  
  
  
  
  1. 0.1 + 0.2; // => 0.30000000000000004 
    2.

0.1 和 0.2 的總和不完全是 0.3，而是略高于 0.3。

由于以二進制方式對浮點數(shù)進行編碼，因此像浮點數(shù)相加之類的操作會產(chǎn)生舍入誤差。

簡而言之，直接比較浮點數(shù)并不精確。

因此 0.1 + 0.2 === 0.3 的結(jié)果是 false。

點擊 0.30000000000000004.com 了解更多信息。

7.變量提升

Question

如果在聲明前訪問 myVar 和 myConst，會發(fā)生什么情況？

 
 
 
 
    
  
  
  
  
  1. myVar;   // => ???  
    2.   
  
  
  
  2. myConst; // => ???  
    3.   
  
  
  
  3. var myVar = 'value';  
    4.   
  
  
  
  4. const myConst = 3.14; 
    5.

Answer

提升和臨時死區(qū)是影響JavaScript變量生命周期的兩個重要概念。

在聲明之前訪問 myVar 的結(jié)果為 undefined。在初始化之前，提升的 var 變量具有 undefined 的值。

然兒，在聲明行之前訪問 myConst 會引發(fā) ReferenceError。const 變量處于臨時死區(qū)，直到聲明行 const myConst = 3.14。

8.最后...

您可以認為某些問題對面試毫無用處。我有同樣的感覺，特別是關于鷹眼測試。盡管如此，他們可能會被問到。

無論如何，其中許多問題都可以真正評估您是否精通JavaScript，例如棘手的閉包。如果您在閱讀帖子時遇到一些困難，這很好地表明了您接下來必須學習什么！


新聞標題：7個簡單但棘手的JavaScript面試問題
文章起源：http://www.5511xx.com/article/dpeoghj.html