前端面试题整理——解决「记不住、找不到」的痛点

很多同学在面试前会遇到以下困扰：

• 知识点零散，临时翻阅效率低。
• 概念混淆，例如 == 与 ===var/let/const 的细节。 按理说，
• 实际经验缺失。 无法快速举例说明，
• 面试官常问的「陷阱」问题没有准备。

下面把常见的前端面试题按技术栈进行程序化归类。配合关键要点、常见误区和示例代码，帮助你在短时间内快速复习、精准输出。

JavaScript 题目汇总

痛点：经常把基本类型和引用类型混淆，导致答不上来。

JavaScript 中的类型分为两大类：

• 基本类型: Number、String、Boolean、Undefined、null、Symbol。
• 引用类型: Object、Array、Function 等。

. DOM 与 BOM 基础概念

DOM是操作 HTML/XML 文档结构的编程接口。过去常用 jQuery/Zepto，现代框架倾向于根据数据调整 DOM。

BOM提供浏览器窗口层面的交互能力，如页面前进/后退、刷新、窗口尺寸变化等。主要对象是 window它既是全局对象也是浏览器实例的入口。

. == 与 === 的区别及使用场景

== 会在比较前进行类型转换**，相等则返回 true；=== 不做转换。只在**类型相同且值相等**时返回 true.

使用建议：

• ===: 推荐默认使用，避免隐式转换带来的错误。
• ==: 仅在明确知道需要宽松比较（如 null == undefined) 时使用。

. typeof 与 instanceof 的区别

• "object".
• .prototype 是否出现在实例的原型链上，仅对引用类型有效。
• Object.prototype.toString.call 返回统一格式 .

. 原型与原型链

] 指向其构造函数的 prototype.

通过层层查找实现属性继承。关键点的观点是，

• 所有对象最终继承自 Object.prototype 其原型为 null。
• 函数对象也继承自 Function.prototype，而 Function.prototype 又指向 Object.prototype。不过，

. 作用域链理解

作用域决定变量可见范围。包括全局作用域、函数作用域和块级作用域。老实说，

• 查找变量时先从当前作用域开始。上溯至全局作用域，

. this 的本质与四种绑定规则