JavaScript 实战面试题及详细解析.docxVIP

JavaScript实战面试题及详细解析

一、基础语法与变量机制（共3题）

1.题目：请解释var、let、const的区别，并用代码举例说明变量提升和块级作用域的表现

答案：

三者核心区别集中在作用域、变量提升、重复声明和修改权限上：

var：函数级作用域，存在变量提升（提升为undefined），可重复声明和修改；

let：块级作用域（{}包裹区域），无变量提升（存在暂时性死区），不可重复声明，可修改；

const：块级作用域，无变量提升（暂时性死区），不可重复声明，不可修改引用（基本类型值不可改，引用类型属性可改）。

代码示例：

//变量提升对比

console.log(a);//undefined（var提升）

vara=10;

console.log(b);//报错（Cannotaccessbbeforeinitialization，let无提升）

letb=20;

//块级作用域对比

if(true){

varc=30;

letd=40;

}

console.log(c);//30（var无块级作用域）

console.log(d);//报错（disnotdefined，let块级作用域）

//const特性

conste=50;

e=60;//报错（Assignmenttoconstantvariable）

constf={name:js};

f.name=javascript;//正常运行（仅禁止修改引用，不限制属性）

2.题目：什么是闭包？闭包的实际应用场景有哪些？请写一个简单闭包示例

答案：

闭包定义：函数嵌套时，内部函数引用外部函数的变量/参数，且内部函数被外部访问，导致外部函数的执行上下文不会被垃圾回收，这种“函数+词法环境”的组合就是闭包。

核心作用：保存变量状态（延长变量生命周期）、实现私有变量。

实际场景：防抖节流、模块模式、函数柯里化。

示例（模块模式实现私有变量）：

functioncreateCounter(){

letcount=0;//私有变量，外部无法直接访问

return{

increment:()=count++,

getCount:()=count

};

}

constcounter=createCounter();

counter.increment();

console.log(counter.getCount());//1

console.log(counter.count);//undefined（无法直接访问私有变量）

3.题目：请分析以下代码的输出结果，并解释原因

console.log(typeofnull);

console.log(typeofundefined);

console.log(typeof[]);

console.log(typeof{});

console.log(typeoffunction(){});

console.log(10==10);

console.log(10===10);

答案：

输出结果依次为：object、undefined、object、object、function、true、false。

原因解析：

typeofnull输出object是JS历史遗留Bug（最初设计时null被视为空对象指针）；

typeofundefined是唯一正确识别undefined的方式；

数组（[]）和对象（{}）的底层类型都是object，typeof无法区分；

函数是特殊的对象类型，typeof对函数返回function（特殊处理）；

==是松散相等，会进行类型转换（字符串转数字后比较），所以10==10为true；

===是严格相等，不进行类型转换，比较值和类型是否都相同，所以10===10为false。

二、异步编程（共3题）

1.题目：请分析以下异步代码的输出顺序，并解释EventLoop机制

console.log(同步1);

setTimeout(()={

console.log(定时器1);

},0);

Promise.resolve().then(()={

console.log(微任务1);

}).then(()={

console.log(微任务2);

});

console.log(同步2);

答案：

输出顺序：同步1→同步2→微任务1→微任务2→定时器1。

Event