前端面试题每日3题——2022/08/30
1 以下代码执行后,控制台中的输出内容为?
for (let i = 0; i < 3; i++) {
setTimeout(() => {
console.log(i);
});
}
for (var j = 0; j < 3; j++) {
setTimeout(() => {
console.log(j);
});
}
2 以下代码执行后,控制台中的输出内容为?
if (!("a" in window)) {
var a = 1;
}
if (!("b" in window)) {
let b = 1;
}
console.log(window);
console.log(a);
console.log(b);
3 以下代码执行后,控制台中的输出内容为?
function fn() {
var i = 0;
return function () {
console.log(i++);
};
}
var f1 = fn();
var f2 = fn();
f1();
f1();
f2();
1、答案:0 1 2 3 3 3
解析:var 声明的变量没有块级作用域,在 for 循环中使用 var 声明迭代变量 j 会导致所有 setTimeout 中使用的 j 指向同一个变量,而 setTimeout 属于宏任务,执行的时机在正常任务队列之后,即此处 for 循环退出之后开始执行,此时迭代变量保存的是导致循环退出的值 3,因此所有 setTimeout 的回调函数都会输出 3
我们提供的服务有:成都网站制作、成都网站设计、微信公众号开发、网站优化、网站认证、巴林左旗ssl等。为超过千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的巴林左旗网站制作公司
而 let 声明迭代变量时,JS 引擎会为每个迭代循环声明一个新的迭代变量,每个 setTimeout 引用的都是不同的变量实例,所以最后输出 0 1 2
2、答案:undefined 报错:Uncaught ReferenceError: b is not defined
var 声明的变量没有块级作用域,并且存在变量提升,因此该题代码等价于:
var a;
if (!("a" in window)) {
a = 1;
}
此时 a 为全局变量,而由 var 声明的全局变量会成为 window 的属性,因此 if 语句块中的代码不会执行,所以 console.log(a)
输出 undefined
而 let 声明的变量存在块级作用域的概念,所以 let b 不会成为全局变量,即使其成为全局变量,也不会成为 window 的属性,因为 let 声明的全局变量不会成为 window 的属性,所以在 console.log(b)
所在的作用域(全局)中,未声明变量 b,因此会报错:Uncaught ReferenceError: b is not defined
3、答案:0 1 0
var 声明的变量不存在块级作用域,但是存在局部作用域,此题中变量 i 的作用域为 fn 函数作用域
每次调用fn
都会形成一个闭包,不同闭包之间是独立的不会互相干扰
闭包会将 i 的值保存下来,多次调用 fn() 返回的函数会修改 i 的值
所以最终会输出:0 1 0
公众号【今天也要写bug】
本文标题:前端面试题每日3题——2022/08/30
文章源于:http://cdiso.cn/article/dsojgpj.html