Web前端中高级面试题（含详细实战答案）.docxVIP

Web前端中高级面试题（含详细实战答案）

一、JavaScript核心高频（中高级重点）

1.讲讲ES6+常用特性，以及你项目中实际用过哪些？

参考答案：

日常开发高频用的不是课本里的冷门API，都是落地性很强的特性：

1）解构赋值：接口返回数据、组件props取值必用，省去大量重复取值代码，数组、对象解构都常用，还能设置默认值避免undefined报错。

2）箭头函数：简化回调写法，没有自己的this，自动继承上层作用域this，解决普通函数this指向混乱问题，但不会用作构造函数。

3）let/const：替代var，有块级作用域，不存在变量提升、全局污染问题，日常变量优先const，可修改变量用let。

4）扩展运算符、剩余参数：对象合并、数组浅拷贝、函数不定参数，比concat、Object.assign更简洁。

5）Promise/async/await：解决回调地狱，项目中所有接口请求、异步操作全部用这套语法，统一异步代码风格。

6）模板字符串：拼接复杂字符串、动态拼接HTML片段，支持换行和变量嵌入。

7）Set/Map：数组去重、存储键值对（key可以是任意类型），处理列表唯一值、缓存数据很方便。

2.说说var、let、const的区别？

参考答案：

1）作用域：var是函数作用域，let、const是块级作用域（if/for/{}内部有效）