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

ES核心面试题及参考答案

一、基础语法类（考察基础掌握熟练度）

题目：let、const和var的区别是什么？实际项目中你会优先用哪个？为什么？

答案：三者核心区别在作用域、提升行为和可变性：

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

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

const声明时必须初始化，且不能重新赋值（但引用类型的属性可修改）。

实际项目优先用const，其次let，不用var。原因：const强制不可变，减少意外修改；块级作用域更清晰，避免函数作用域导致的变量污染；暂时性死区能提前暴露代码逻辑错误。

题目：模板字符串（${}）相比普通字符串拼接有哪些优势？举一个实际开发中的使用场景。

答案：优势有三点：①支持多行字符串，无需手动拼接换行符（\n）；②直接嵌入变量/表达式，无需用+拼接，代码更简洁；③可嵌入函数调用，直接渲染返回值。

场景示例：拼接接口请求地址时，consturl={baseUrl}/user/{userId}?token=${getToken()};，相比普通拼接更易读，且修改参数时不易出错。

二、原型与继承类（考察JS核心机制）

题目：什么是原型链？举一个实际例子说明原型链的查找规则。

答案：原型链是JS实现继承的核心机制：每个对象都有__proto__属性（指向其原型对象），原型对象本身也是对象，也有自己的__proto__，层层向上直到Object.prototype.__proto__=null，这条链就是原型链。

查找规则：访问对象的属性/方法时，先在对象自身查找；找不到则沿__proto__向上查找，直到原型链末端；若仍未找到则返回undefined。

例子：constarr=[1,2,3];arr.push(4);，arr自身没有push方法，沿原型链查找arr.__proto__（Array.prototype），找到push方法并执行；Array.prototype的__proto__指向Object.prototype，所以arr也能访问toString等方法。

题目：class语法和ES5的原型继承有什么关系？class本质是语法糖吗？

答案：class是ES6推出的语法，本质是ES5原型继承的语法糖，没有改变JS基于原型的继承机制。

关系：class的constructor对应ES5中构造函数，class.prototype对应ES5中构造函数的prototype属性；class中定义的方法（如method()）会挂载到原型上，等同于ES5的Constructor.prototype.method=function(){}；class的extends关键字实现继承，本质是ES5中“子类原型指向父类实例+修正构造函数指向”的简化（如Child.prototype=Object.create(Parent.prototype);Child.prototype.constructor=Child）。

验证：classPerson{constructor(name){this.name=name;}say(){}}，编译后等同于ES5的构造函数+原型方法定义，打印Person.prototype能看到say方法。

三、异步编程类（考察异步逻辑处理能力）

题目：Promise的三种状态是什么？状态变化有什么特点？实际开发中如何处理Promise错误？

答案：Promise有三种状态：pending（等待中）、fulfilled（成功）、rejected（失败）。

状态变化特点：①状态不可逆：只能从pending→fulfilled或pending→rejected，一旦变化就固定，不能再修改；②异步操作的结果会绑定到状态上，fulfilled对应成功结果（resolve传入），rejected对应失败原因（reject传入）。

错误处理方式：①用.catch()捕获（能捕获链路上所有reject错误，包括resolve中抛出的异常）；②用try/catch（仅能捕获await后的Promise错误，需配合async/await使用）；③实际项目中，优先用.catch()捕获全局异步错误，关键流程用try/catch精细化处理，避免错误冒泡导致程序崩溃。

示例：fetch(/a