ES6高频面试题及实战答案.docxVIP

ES6高频面试题及实战答案

一、基础核心类

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

答：三者核心差异在作用域、提升行为和可变性：

var是函数级作用域，存在变量提升（声明提升到作用域顶部，值为undefined），可重复声明和重新赋值；

let是块级作用域（{}内有效），无变量提升（存在暂时性死区），不可重复声明，但可重新赋值；

const同样是块级作用域，无变量提升，不可重复声明且不可重新赋值（但引用类型的内部属性可修改）。

实际开发优先用const，其次let，几乎不用var。因为const能强制保持变量不变，减少意外修改，let避免变量泄漏，二者都能规避var的作用域混乱问题。

问：箭头函数和普通函数的主要区别有哪些？什么时候不能用箭头函数？

答：核心区别体现在4点：

没有自己的this：箭头函数的this继承自外层作用域的this，且不会随调用方式改变；

不能作为构造函数：不能用new关键字调用，否则报错；

没有arguments对象：需用剩余参数（...args）替代；

简写语法：单参数可省略括号，单条返回语句可省略大括号和return。

不能用箭头函数的场景：①对象的方法（会导致this指向全局/外层作用域，而非对象本身）；②构造函数（无法实例化）；③需要arguments的场景；④事件回调（如DOM事件中this需指向元素本身）。

问：解构赋值的用途有哪些？举2个实际开发中的应用场景。

答：解构赋值用于快速从数组或对象中提取数据，简化代码。常见用途：

场景1：提取对象属性（如接口返回数据处理）

//接口返回数据

constres={code:200,data:{name:张三,age:25},msg:成功};

//解构提取，无需重复写res.data

const{data:user,msg}=res;

console.log(user.name,msg);//张三成功

场景2：函数参数默认值（避免参数为undefined报错）

functionfn({name=匿名,age=18}={}){

console.log(name,age);

}

fn();//匿名18（无参数时用默认值）

fn({name:李四});//李四18（只传部分参数）

二、进阶应用类

问：Promise有哪些状态？如何解决回调地狱？实际中怎么处理Promise错误？

答：Promise有三种状态：pending（等待中）、fulfilled（成功）、rejected（失败），状态一旦改变就不可逆转。

解决回调地狱：用Promise链式调用（.then()）替代嵌套回调，再结合async/await语法，让异步代码看起来像同步代码，更易读。

错误处理方式：

单个Promise：用.catch()捕获（会捕获前面所有.then()中的错误）；

async/await：用try/catch捕获（更直观，适合多个异步操作）；

全局捕获：window.addEventListener(unhandledrejection)捕获未处理的Promise错误（避免控制台报错）。

示例：

//Promise链式调用+.catch()

fetch(/api/user)

.then(res=res.json())

.then(data=console.log(data))

.catch(err=console.error(请求失败：,err));

//async/await+try/catch

asyncfunctiongetUser(){

try{

constres=awaitfetch(/api/user);

constdata=awaitres.json();

console.log(data);

}catch(err){

console.error(请求失败：,err);

}

}

问：ES6的模块系统（import/export）和CommonJS（require/module.exports）的区别？

答：核心区别体现在3点：

加载时机：import是静态加载（编译时解析），必须写在文件顶部，不能动态加载；require是动态加载（运行时解析），可在代码任意位置调用；

模块输出：export输出的是“绑定”（值变化时，导入方会同步更新）；module.e