另外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中文网其他相关文章！