JS高频面试题（含答案解析）.docxVIP

JS高频面试题（含答案解析）

一、基础概念题

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

答案：

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

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

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

常量特性：const声明必须初始化，且不能修改引用（基本类型值不可改，引用类型可改属性）。

实际开发优先用const，变量需要重新赋值时用let，坚决不用var——避免作用域污染和提升带来的逻辑漏洞。

题目：什么是原型链？它的作用是什么？

答案：

每个JS对象都有__proto__属性（隐式原型），指向其构造函数的prototype（显式原型）；当访问对象的属性/方法时，若自身没有，会顺着__proto__向上查找，直到Ototype（顶端为null），这条查找链就是原型链。

作用：实现继承和属性共享，比如Atotype上的push、forEach方法，所有数组实例都能通过原型链访问，不用每个实例都重复定义。

二、核心原理题

题目：闭包的定义、用途及可能的问题？举个实际开发中的例子。

答案：

定义：函数嵌套函数时，内层函数引用了外层函数的变量/参数，且内层函数被外部访问，此时外层函数的作用域不会被销毁，这种“函数+外层作用域”的组合就是闭包。

用途：1.封装私有变量（比如模块内的私有状态）；2.延长变量生命周期（比如防抖节流中保存定时器ID）。

问题：可能导致内存泄漏——若闭包长期被引用，外层函数的变量无法被垃圾回收，解决方式是不用时手动解除引用（比如设为null）。

示例（封装计数器）：

functioncreateCounter(){

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

return{

increment:()=count++,

getCount:()=count

};

}

constcounter=createCounter();

counter.increment();

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

题目：说说JS的事件循环（EventLoop）机制，宏任务和微任务的区别？

答案：

JS是单线程，事件循环是处理异步任务的核心机制，流程如下：

console.log(同步1);

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

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

console.log(同步2);

//执行顺序：同步1→同步2→微任务1→宏任务1

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

同步任务执行完后，先清空所有微任务队列；

微任务执行完后，执行一次宏任务，然后再次清空所有微任务队列；

重复步骤3，直到所有任务执行完毕。

宏任务vs微任务：

宏任务：优先级低，常见的有setTimeout、setInterval、DOM事件、ajax请求、script标签（整体代码）；

微任务：优先级高，常见的有Promise.then/catch/finally、async/await（本质是Promise的语法糖）、queueMicrotask。

示例（验证执行顺序）：

题目：深拷贝和浅拷贝的区别？如何实现深拷贝？

答案：

区别：针对引用类型（对象、数组），浅拷贝只复制引用地址，新旧对象共享同一块内存（改一个另一个变）；深拷贝复制对象的所有层级，新旧对象完全独立（互不影响）。

浅拷贝实现：Object.assign()、扩展运算符（...）、数组slice()/concat()；

深拷贝实现：

functiondeepClone(target,map=newMap()){

//处理基本类型和null

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

//处理循环引用（比如a.b=a）

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

//处理Date和RegExp

if(targetinstanceofDate)returnnewDate(target);

if(targetinstanceofRegExp)returnne