前端 JS 基础面试题共52篇

JavaScript 是前端开发的核心语言,掌握其基础是开发网页应用的必备技能。JavaScript 基础面试题的考察重点包括数据类型、作用域、闭包、原型链、事件处理、DOM 操作、定时器、异步编程(如回调函数)以及常见的内置对象和方法。

面试题:JavaScript 中 for…in 和 for…of 的区别是什么?

这是一个非常经典的 JavaScript 面试题,考察对循环机制和数据结构的理解。for...in 和 for...of 看似相似,但用途和行为有本质区别。 ✅ 核心区别总结 特性for...infor...of设计目的遍历对象的...
程序百科的头像-程序百科程序百科4个月前
396

面试题:JavaScript 如何判断一个对象是否属于某个类?

在 JavaScript 中,判断一个对象是否属于某个类(或更准确地说,是否由某个构造函数创建或在其原型链上)有多种方法,各有优缺点和适用场景。 1. instanceof 操作符 作用:检查一个对象在其原型...
程序百科的头像-程序百科程序百科4个月前
3812

面试题:use strict 是什么意思?使用它有什么区别?

'use strict'; 是 JavaScript 中的一个指令,用于开启严格模式(Strict Mode)。它不是一条语句,而是一个字面量表达式,告诉 JavaScript 引擎以更严格的标准来解析和执行代码。 你可以将 'use ...
程序百科的头像-程序百科程序百科4个月前
3812

面试题:说说你对 JSON 的理解?

JSON(JavaScript Object Notation)是一种轻量级的数据交换格式。它基于 JavaScript 的一个子集,但作为一种独立于语言的文本格式,被广泛用于系统间的数据传输和存储。 1. 基本语法与结构 JSO...
程序百科的头像-程序百科程序百科4个月前
3713

面试题:JavaScript 数组的遍历方法有哪些?

JavaScript 提供了多种遍历数组的方法,每种方法都有其特定的用途和特点。以下是主要的数组遍历方法: 1. 传统循环 (Traditional Loops) 这些是最基础、性能通常最好的方法。 for 循环: 最灵活...
程序百科的头像-程序百科程序百科4个月前
3615

面试题:如何判断网页元素是否到达可视区域?

这是一个非常实用的前端面试题,常用于实现懒加载、无限滚动、埋点曝光等场景。判断元素是否进入可视区域有多种方法,从简单到高级逐步演进。 ✅ 方法一:使用 getBoundingClientRect()(兼容性...
程序百科的头像-程序百科程序百科4个月前
3610

面试题:常见的 DOM 操作有哪些?

DOM (Document Object Model) 操作是前端开发的核心技能之一。常见的 DOM 操作可以分为以下几大类: 1. 查找/获取元素 (Selecting/Getting Elements) 这是所有操作的前提。 document.getElement...
程序百科的头像-程序百科程序百科4个月前
3511

面试题:JavaScript 的 forEach 和 map 方法有什么区别?

forEach 和 map 都是 JavaScript 中用于遍历数组的方法,但它们在目的、返回值和使用场景上有本质的区别。 核心区别总结 特性forEachmap目的执行副作用(如修改外部变量、操作 DOM、打印日志)...
程序百科的头像-程序百科程序百科4个月前
3413

面试题:JavaScript 中怎么删除数组最后一个元素?

这是一个基础但高频的 JavaScript 面试题。删除数组最后一个元素有多种方法,以下是几种常用方式及其区别: ✅ 方法一:pop() —— 最常用、最推荐 const arr = [1, 2, 3, 4]; const lastElemen...
程序百科的头像-程序百科程序百科4个月前
3312

面试题:JavaScript 有哪些内置对象?

JavaScript 提供了一系列内置对象(Built-in Objects),它们由 ECMAScript 规范定义,在 JavaScript 引擎启动时自动创建,无需额外引入。这些对象为开发者提供了处理数据、执行操作和与环境交...
程序百科的头像-程序百科程序百科4个月前
329