JavaScript 实战面试题及答案.docxVIP

JavaScript实战面试题及答案

一、基础语法篇（考察实际编码细节）

题目：var、let、const声明变量的区别？实际开发中优先用哪个？

答案：

作用域：var是函数级作用域，存在变量提升；let/const是块级作用域（{}内生效），无变量提升且有暂时性死区。

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

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

开发优先：优先用const（确保值不被意外修改），需要重新赋值时用let，尽量不用var（避免作用域混乱和变量污染）。

题目：判断数据类型有哪些方法？各自的优缺点？

答案：

typeof：优点是简单，能区分基本类型（除null外，typeofnull会返回object）；缺点是无法区分引用类型（数组、对象、null都返回object）。

instanceof：优点是能区分引用类型（如arrinstanceofArray可判断数组）；缺点是无法判断基本类型，且原型链修改后可能失效（如Array.prototype.proto=Object.prototype，arrinstanceofObject也会为true）。

Object.prototype.toString.call()：优点是最准确，能区分所有类型（如Object.prototype.toString.call(null)返回[objectNull]，call(arr)返回[objectArray]）；缺点是写法稍繁琐，需提取结果中的类型名。

二、异步编程篇（考察实际业务处理能力）

题目：Promise有哪三种状态？如何解决Promise回调地狱？

答案：

三种状态：pending（等待中）、fulfilled（成功）、rejected（失败）；状态一旦改变（pending→fulfilled或pending→rejected），就不可再变。

解决回调地狱：

用Promise链式调用（.then()方法返回新Promise，可连续调用），避免嵌套。

结合async/await（语法糖，将异步代码同步化编写），代码更直观。例如：

asyncfunctionfetchData(){

try{

constres1=awaitfetch(/api/1);//等待第一个请求完成

constdata1=awaitres1.json();

constres2=awaitfetch(`/api/2?data=${data1.id}`);//依赖第一个请求结果

constdata2=awaitres2.json();

returndata2;

}catch(err){

console.error(请求失败：,err);//统一捕获错误

}

}

题目：宏任务和微任务的区别？举几个常见的宏/微任务例子。

答案：

区别：JS执行时先执行同步代码，再清空微任务队列，最后执行一个宏任务，循环此过程（事件循环机制）。

微任务（优先级高）：Promise.then/catch/finally、async/await中的异步代码、queueMicrotask()。

宏任务（优先级低）：setTimeout、setInterval、DOM事件（如click）、AJAX请求、script脚本执行。

例子：以下代码输出顺序是？

console.log(1);

setTimeout(()=console.log(2),0);

Promise.resolve().then(()=console.log(3));

console.log(4);

//输出：1→4→3→2（同步代码先执行，再微任务，最后宏任务）

三、原型与继承篇（考察JS核心机制理解）

题目：什么是原型链？实际开发中如何实现继承？

答案：

原型链：每个对象都有proto属性（指向其原型对象），原型对象也有自己的proto，直到指向Object.prototype（proto为null），这条链就是原型链。当访问对象属性时，会先在自身查找，找不到则沿原型链向上查找。

常用继承方式（ES6+）：

//父类

classParent{

constructor(name){

this.name=name;

}

sayName(){

console.log(this.name);

}

}

//子类继承父类

clas