JS基础高频面试题及参考答案.docxVIP

JS基础高频面试题及参考答案

一、基础概念类

问题：var、let、const三者的区别是什么？实际开发中你更倾向用哪种？

答案：核心区别在变量提升、作用域和修改限制。var存在变量提升（声明提前到作用域顶部，值为undefined），作用域是函数级或全局，可重复声明和修改；let不存在变量提升，作用域是块级（{}内），不可重复声明，可修改；const同样是块级作用域、无变量提升、不可重复声明，且声明时必须赋值，赋值后不可修改引用（基本类型值不可改，引用类型内部属性可改）。实际开发优先用const，变量需要修改时用let，尽量不用var，避免变量提升导致的逻辑混乱和作用域污染。

问题：什么是变量提升？举个例子说明它可能带来的问题。

答案：变量提升是JS引擎在执行代码前，将var声明的变量和function声明的函数提前到当前作用域顶部的行为（var只提升声明，不提升赋值；function声明整体提升）。例子：

console.log(a);//undefined（不是报错，因为var提升了声明）

vara=10;

可能带来的问题：变量在声明前被使用却不报错，导致逻辑不符合预期；多个var声明同一变量时，后面的声明会覆盖前面的，容易造成变量值混乱。

问题：JS中的数据类型有哪些？基本类型和引用类型的区别是什么？

答案：数据类型分基本类型和引用类型。基本类型（值类型）有7种：String、Number、Boolean、Null、Undefined、Symbol（ES6+）、BigInt（ES10+）；引用类型有Object（包括数组、对象、函数、日期等）。核心区别：①存储方式：基本类型存储在栈内存，直接存值；引用类型存储在堆内存，栈内存只存指向堆的引用地址；②赋值/传参：基本类型是值拷贝，互不影响；引用类型是引用地址拷贝，修改一个会影响另一个；③比较方式：基本类型比较值是否相等；引用类型比较引用地址是否相同（即使两个对象内容一样，地址不同也视为不相等）。

二、执行机制类

问题：JS是单线程还是多线程？为什么？单线程带来的问题是什么？如何解决？

答案：JS是单线程的，即同一时间只能执行一段代码。原因是JS最初设计用于浏览器，核心功能是操作DOM（比如同时修改和删除同一个DOM，会导致冲突），单线程能避免DOM操作冲突。单线程带来的问题是：如果遇到耗时操作（比如网络请求、定时器、DOM事件监听），会阻塞后续代码执行，导致页面卡顿。解决方式：JS采用“事件循环（EventLoop）”机制，配合异步任务（宏任务、微任务）实现非阻塞执行。具体来说，同步代码直接执行，异步任务先放入对应的任务队列，等同步代码执行完，再依次执行任务队列中的代码。

问题：什么是宏任务和微任务？列举常见的宏任务和微任务，它们的执行顺序是什么？

答案：宏任务和微任务是异步任务的两种分类，用于区分执行优先级。①常见宏任务：setTimeout、setInterval、DOM事件回调、ajax请求、script脚本执行；②常见微任务：Promise.then/catch/finally、async/await（本质是Promise语法糖）、Process.nextTick（Node环境）；③执行顺序：先执行同步代码→执行当前所有微任务（按顺序）→执行一个宏任务→执行当前所有微任务→循环往复（直到任务队列清空）。例子：

console.log(1);//同步代码

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

newPromise(resolve={

console.log(3);//同步代码（Promise构造函数内是同步的）

resolve();

}).then(()=console.log(4));//微任务

console.log(5);//同步代码

//执行结果：1→3→5→4→2

问题：什么是闭包？闭包的作用是什么？实际开发中哪里会用到闭包？闭包可能带来什么问题？

答案：闭包的核心定义是：函数嵌套函数时，内部函数引用了外部函数的变量/参数，且内部函数被外部访问（比如返回给外部、赋值给全局变量），此时外部函数的执行上下文不会被销毁，内部函数和引用的外部变量共同构成闭包。作用：①延长外部函数变量的生命周期（让变量在函数执行完后仍能被访问）；②实现数据私有化（外部无法直接修改闭包内的变量，只能通过内部函数提供的接口操作）。实际应用场景：①模块化（比如封装工具函数，避免变量污染全局）；②防抖节流函数（保存上一次的执行状态）；③回调函数（比如