- 简述请看下面的代码片段并回答以下问题 ？
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);
})();
}
