前端＞ JS 笔试题面试考题(21-25)

news2025/5/12 21:45:38

简述请看下面的代码片段并回答以下问题？

for (var i = 0; i< 5; i++){
        var btn= document.createElement('button');
        btn.appendChild(document.createTextNode('Button' + i));
        btn.addEventListener('click', function(){ console.log(`${i}` );});
        document.body.appendChild(btn);   
    }

（1）当用户单击“ Button4”的时候会输出什么到控制台，为什么？
（2）提供一个或多个可获取当前i的值的实现方案。
面试通过率：50.0%
推荐指数： ★★★★★ 试题难度：中级试题类型：编程题

(1) 无论用户单击什么按钮，数字5将总会输出到控制台。
这是因为，当调用onclick方法（对于任何按钮）的时候，for循环已经结柬，变量i已经获得了5的值。
(2)
<! DOCTYPE html>
<html>
    <head></head>
    <body></body>
    <script>
    for (var i = 0; i< 5; i++){
        let num = i
        var btn= document.createElement('button');
        btn.appendChild(document.createTextNode('Button' + i));
        btn.addEventListener('click', function(){ console.log(`${num}`);});
        document.body.appendChild(btn);   
    }
    </script>
</html>

下面的JavaScript代码将输出什么到控制台？为什么？

var arr1 ="john".split(' ');
var arr2= arr1.reverse();
var arr3 ="jones".split(' ');
arr2.push(arr3);
console.log("array 1：length="+ arr1.length +" last="+ arr1.slice(-1));
console.log("array 2：length="+ arr2.length +" last="+ arr2.slice(-1));

   面试通过率：55.0%

推荐指数： ★★★★ 试题难度：中级试题类型：编程题

//输出结果：
// array 1：length=2 last=jones
// array 2：length=2 last=jones
// 注：arr1.slice(-1) ---> [["jones"]]       arr2.slice(-1) ---> [["jones"]]
// 为什么在输出中的arr1.slice(-1)是"jones", 比如console.log("--" + arr1.slice(-1)) --> --jones,外面的括号最被除去

下面的JavaScript代码将输出什么到控制台？

		console.log(1+"2"+"2"); 
        console.log(1+ +"2"+"2"); 
        console.log(1+-"1"+"2"); 
        console.log(+"1"+"1"+"2"); 
        console.log("A"-"B"+"2"); 
        console.log("A"-"B"+2);

   面试通过率：40.0%

推荐指数： ★★★★★ 试题难度：高难试题类型：编程题

// javascript是一门弱类型语言，它会对值进行自动类型转换
// 122   1遇到加号，会自动转换成"1"
// 32 正号的优先级比加减都要高，"2"遇到正号自动转换为2
// 02 同上
// NaN
// NaN

下面的递归代码在数组列表偏大的情况下会导致堆栈溢出，在保留递归模式的基础上，怎么解决这个问题？

		var list= readHugeList();
        var nextListItem = function(){
            var item -= list.pop();
            if (item){
                nextListItem()；
            }
        };
        // 潜在的堆栈溢出可以通过修改 nextListltem函数避免。
        var list readHugeList();
        var nextListItem function(){
            var item =list.pop();
            if (item）{
                setTimeout(nextListItem, 0);
            }
        };

  面试通过率：85.0%

推荐指数： ★★★ 试题难度：初级试题类型：编程题

堆栈溢出之所以会被消除，是因为事件循环操纵了递归，而不是调用堆栈；
函数退出，因此就清空调用堆栈；
因此，该方法从头到尾都没有直接的递归调用，所以无论迭代次数的多少，调用堆栈一直保持清空的状态

下面JavaScript的代码将输出什么？闭包在这里能起什么作用？

for (var i=0; i<5; i++){
	(function(){
	     setTimeout(function () {console.log(i)}, i *1000);
	 })();
}

   面试通过率：76.0%

推荐指数： ★★★ 试题难度：中级试题类型：编程题

// 5 5 5 5 5
原因是，在循环中执行的每个函数将先整个循环完成之后执行，因此，将会引用存储在i中的最后一个值，那就是5。
闭包可以为每次迭代创建一个唯一的作用域，存储作用域内的循环变量，如下代码会按预期输出0、1、2、3和4到控制台。
for (var i=0; i<5; i++){
	(function(){
	      let x = i;
	      setTimeout(function () {console.log(x)}, i *1000);
	  })();
}

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1446958.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！