JavaScript 核心面试题及参考答案.docxVIP

JavaScript核心面试题及参考答案

一、基础概念题

1.说说var、let、const的区别？实际开发中你更倾向用哪种？

答案：

作用域：var是函数作用域/全局作用域，let/const是块级作用域（{}内有效）；

提升行为：var会变量提升且初始化为undefined，let/const存在暂时性死区（TDZ），未声明前使用报错；

重复声明：var可重复声明，let/const不可；

赋值特性：const声明时必须赋值，且赋值后不能修改引用（基本类型值不可改，引用类型可改内部属性）。

实际开发优先用const，需重新赋值时用let，坚决不用var——避免变量泄露、重复声明等问题，代码更严谨。

2.什么是原型链？它的作用是什么？

答案：

每个JS对象都有__proto__属性（隐式原型），函数有prototype属性（显式原型）。当访问对象的某个属性时，若对象本身没有，会通过__proto__向上查找其原型对象的属性，直到找到Ototype（原型链顶端，其__proto__为null），这个查找链条就是原型链。

作用：实现属性和方法的继承，比如数组能使用forEach，就是因为Atotype上定义了该方法，数组实例通过原型链继承而来。

二、核心原理题

3.闭包的定义、用途及可能引发的问题？举个实际开发中的应用场景

答案：

定义：函数嵌套时，内层函数引用了外层函数的变量/参数，且内层函数被外部访问（未被销毁），此时外层函数的执行上下文不会释放，形成闭包；

用途：①保存私有变量（避免全局污染）；②实现函数柯里化；③模块化（早期无ES6Module时）；

问题：闭包会保留外层函数的变量，若长期引用可能导致内存泄漏（需手动释放引用）。

示例场景：实现一个计数器（避免全局变量计数）：

functioncreateCounter(){

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

returnfunction(){

count++;

returncount;

};

}

constcounter=createCounter();

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

console.log(counter());//2

4.说说JS的事件循环（EventLoop）机制？宏任务和微任务有哪些？

答案：

JS是单线程，事件循环是解决异步任务执行的核心机制，流程如下：

同步任务直接执行，异步任务（宏/微）分别放入对应队列；

同步任务执行完后，检查微任务队列，将所有微任务依次执行完毕；

执行一次宏任务，执行完后再次检查微任务队列（循环往复）。

宏任务（MacroTask）：script整体代码、setTimeout、setInterval、DOM事件、ajax请求、setImmediate（Node环境）；

微任务（MicroTask）：Promise.then/catch/finally、async/await（本质是Promise语法糖）、queueMicrotask、MutationObserver。

示例验证：

console.log(1);//同步任务

setTimeout(()=console.log(2),0);//宏任务

Promise.resolve().then(()=console.log(3));//微任务

console.log(4);//同步任务

//执行顺序：1→4→3→2

5.深拷贝和浅拷贝的区别？如何实现深拷贝？

答案：

浅拷贝：只复制对象的表层属性，若属性是引用类型（对象/数组），复制的是引用地址，原对象和拷贝对象会相互影响（如Object.assign、扩展运算符...）；

深拷贝：完全复制对象的所有层级，原对象和拷贝对象相互独立，互不影响。

实现深拷贝的方式：

简单场景（无函数、循环引用）：JSON.parse(JSON.stringify(obj))（缺点：无法拷贝函数、undefined、Symbol、循环引用对象）；

自定义递归拷贝（处理复杂场景）：

functiondeepClone(target,map=newMap()){

//处理基本类型和null

if(target===null||typeoftarget!==object)returntarget;

//处理循环引用

if(map.has(target))returnmap.get(target);

//区分数组和对象