另外5個JavaScript訪談練習

>跟進我上一篇文章“ 5個典型的JavaScript訪談練習”，本文探討了其他常見的訪談問題，重點是關鍵的JavaScript概念。 讓我們潛入！

鑰匙要點：

• 封閉至關重要：理解封閉是必不可少的。請記住，在處理程序創建時，閉合內的可變值並未固定；當處理程序執行時，它們反映了當前值。
• typeof運算符Quirks：>返回“對象”，而不是“ array”。使用typeof []可靠地檢查數組類型。 instanceof
>
• 事件循環機制：瀏覽器的事件循環管理事件隊列。 ，即使延遲為零，也排隊以稍後執行的回調。 setTimeout()
>函數優化：
• 始終驗證輸入（負數，0，1不是prime; 2是唯一的素數）。 僅在輸入的平方根上測試除法可顯著提高效率。 isPrime()>問題1：封閉 - 經典問題

>

考慮此代碼：

單擊第一個和第四個按鈕時的輸出是什麼？為什麼？

var nodes = document.getElementsByTagName('button');
for (var i = 0; i < nodes.length; i++) {
    nodes[i].addEventListener('click', function() {
        console.log('You clicked element #' + i);
    });
}

答案：

這突出了封閉行為。該代碼將兩次打印“您單擊元素＃[按鈕數]”。 變量在所有事件處理程序中共享。到單擊任何按鈕時，循環已經完成，並且保持其最終值（按鈕數）。

i問題2：修復閉合問題i

>

>修改上一個代碼以正確打印按鈕的索引（第一個索引為0，第二個為1，等等）。 答案：

兩個解決方案：

解決方案1（iife）：

解決方案2（包裝函數）：>

>

var nodes = document.getElementsByTagName('button');
for (var i = 0; i < nodes.length; i++) {
    nodes[i].addEventListener('click', (function(i) {
        return function() {
            console.log('You clicked element #' + i);
        };
    })(i));
}

問題3：數據類型gotchas

輸出的輸出是什麼？

function handlerWrapper(i) {
    return function() {
        console.log('You clicked element #' + i);
    };
}

var nodes = document.getElementsByTagName('button');
for (var i = 0; i < nodes.length; i++) {
    nodes[i].addEventListener('click', handlerWrapper(i));
}

答案：

>請注意數組的驚人“對象”。 使用

console.log(typeof null);
console.log(typeof {});
console.log(typeof []);
console.log(typeof undefined);

進行準確的數組類型檢查。

問題4：事件循環順序

<code>object
object
object
undefined</code>

輸出是什麼，為什麼？ myArray instanceof Array>

答案：

事件循環解釋了這一點。 即使以0ms的延遲，

function printing() {
    console.log(1);
    setTimeout(function() { console.log(2); }, 1000);
    setTimeout(function() { console.log(3); }, 0);
    console.log(4);
}

printing();

>回調也排隊。 他們在主線程完成後執行。

問題5：算法

<code>1
4
3
2</code>

>

寫一個函數setTimeout，該函數

如果數字為prime，

否則。 isPrime()答案：

var nodes = document.getElementsByTagName('button');
for (var i = 0; i < nodes.length; i++) {
    nodes[i].addEventListener('click', function() {
        console.log('You clicked element #' + i);
    });
}

這個優化的版本處理輸入驗證，僅將奇數數字檢查到平方根。

結論： 這些練習涵蓋了在訪談中經常測試的基本JavaScript概念。 練習這些以增強您的理解並提高面試表現。

以上是另外5個JavaScript訪談練習的詳細內容。更多資訊請關注PHP中文網其他相關文章！