好程序员Java 教程分享JavaScript常见面试题四1、 下面的代码将输出什么到控制台,为什么?
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);
上面的代码将输出以下内容到控制台:
“122””32″”02″”112″”NaN2″NaN
原因是…
这里的根本问题是,JavaScript(ECMAScript) 是一种弱类型语言,它可对值进行自动类型转换,以适应正在执行的操作。让我们通过上面的例子来说明这是如何做到的。
例1 : 1 + “2” + “2” 输出: “122” 说明: 1 + “2” 是执行的第一个操作。由于其中一个运算对象 (“2”) 是字符串, JavaScript 会假设它需要执行字符串连接,因此,会将 1 的类型转换为 “1” , 1 + “2” 结果就是 “12” 。然后, “12” + “2” 就是 “122” 。
例2 : 1 + +”2″ + “2” 输出: “32” 说明:根据运算的顺序,要执行的第一个运算是 +”2″( 第一个 “2” 前面的额外 + 被视为一元运算符 ) 。因此, JavaScript 将 “2” 的类型转换为数字,然后应用一元 + 号 ( 即,将其视为一个正数 ) 。其结果是,接下来的运算就是 1 + 2 ,这当然是 3 。然后我们需要在一个数字和一个字符串之间进行运算 ( 即, 3 和 “2”) ,同样的, JavaScript 会将数值类型转换为字符串,并执行字符串的连接,产生 “32” 。
例3 : 1 + -“1” + “2” 输出: “02” 说明:这里的解释和前一个例子相同,除了此处的一元运算符是 – 而不是 + 。先是 “1” 变为 1 ,然后当应用 – 时又变为了 -1 ,然后将其与 1 相加,结果为 0 ,再将其转换为字符串,连接最后的 “2” 运算对象,得到 “02” 。
例4 : +”1″ + “1” + “2” 输出: “112” 说明:虽然第一个运算对象 “1” 因为前缀的一元 + 运算符类型转换为数值,但又立即转换回字符串,当连接到第二个运算对象 “1” 的时候,然后又和最后的运算对象 “2” 连接,产生了字符串 “112” 。
例5 : “A” – “B” + “2” 输出: “NaN2” 说明:由于运算符 – 不能被应用于字符串,并且 “A” 和 “B” 都不能转换成数值,因此, “A” – “B” 的结果是 NaN ,然后再和字符串 “2” 连接,得到 “NaN2” 。
例6 : “A” – “B” + 2 输出: NaN 说明:参见前一个例子, “A” – “B” 结果为 NaN 。但是,应用任何运算符到 NaN 与其他任何的数字运算对象,结果仍然是 NaN 。
2 、 下面的递归代码在数组列表偏大的情况下会导致堆栈溢出。在保留递归模式的基础上,你怎么解决这个问题?
var list = readHugeList();var nextListItem = function() { var item = list.pop(); if (item) { // process the list item…
nextListItem();
}
};
潜在的堆栈溢出可以通过修改nextListItem 函数避免:
var list = readHugeList();var nextListItem = function() { var item = list.pop(); if (item) { // process the list item…
setTimeout( nextListItem, 0);
}
};
堆栈溢出之所以会被消除,是因为事件循环操纵了递归,而不是调用堆栈。当 nextListItem 运行时,如果 item 不为空, timeout 函数 (nextListItem) 就会被推到事件队列,该函数退出,因此就清空调用堆栈。当事件队列运行其 timeout 事件,且进行到下一个 item 时,定时器被设置为再次调用 extListItem 。因此,该方法从头到尾都没有直接的递归调用,所以无论迭代次数的多少,调用堆栈保持清空的状态。
3 、JavaScript 中的“闭包”是什么 ? 请举一个例子。
闭包是一个可以访问外部( 封闭 ) 函数作用域链中的变量的内部函数。闭包可以访问三种范围中的变量:这三个范围具体为: (1) 自己范围内的变量, (2) 封闭函数范围内的变量,以及 (3) 全局变量。
下面是一个简单的例子:
var globalVar = “xyz”;
(function outerFunc(outerArg) { var outerVar = ‘a’;
(function innerFunc(innerArg) { var innerVar = ‘b’; console.log( “outerArg = ” + outerArg + “\n” + “innerArg = ” + innerArg + “\n” + “outerVar = ” + outerVar + “\n” + “innerVar = ” + innerVar + “\n” + “globalVar = ” + globalVar);
})(456);
})(123);
在上面的例子中,来自于 innerFunc , outerFunc 和全局命名空间的变量都在 innerFunc 的范围内。因此,上面的代码将输出如下:
outerArg = 123innerArg = 456outerVar = ainnerVar = bglobalVar = xyz
4 、下面的代码将输出什么:
for (var i = 0; i < 5; i++) {
setTimeout(function() { console.log(i); }, i * 1000 );
}
解释你的答案。闭包在这里能起什么作用?
上面的代码不会按预期显示值0 , 1 , 2 , 3 ,和 4 ,而是会显示 5 , 5 , 5 , 5 ,和 5 。
原因是,在循环中执行的每个函数将整个循环完成之后被执行,因此,将会引用存储在 i 中的最后一个值,那就是 5 。
闭包可以通过为每次迭代创建一个唯一的范围,存储范围内变量的每个唯一的值,来防止这个问题,如下:
for (var i = 0; i < 5; i++) {
(function(x) {
setTimeout(function() { console.log(x); }, x * 1000 );
})(i);
}
这就会按预期输出0 , 1 , 2 , 3 ,和 4 到控制台。