前端面试常客—— JavaScript 第一弹

JavaScript：前端开发的基础

作为一名前端工程师，掌握 JavaScript 无疑是必备技能。它是一种强大的语言，可以让您构建交互式和动态的网页。为了在面试中脱颖而出，牢固掌握 JavaScript 基础知识至关重要。

数据类型

JavaScript 共有 8 种数据类型，包括基本类型和特殊类型：

• 基本类型：
  • Undefined：表示未定义变量。
  • Null：表示空值。
  • Boolean：只有 true 和 false 两个值。
  • Number：整数、小数和无穷大。
  • String：由字符组成的序列。
  • BigInt：用于表示大整数。
  • Symbol：表示唯一值。
• 特殊类型：
  • Object：存储属性和方法的数据集合。

运算符

JavaScript 的运算符种类繁多，涵盖算术、比较、逻辑和赋值等操作：

控制语句

JavaScript 提供了各种控制语句，用于控制代码流：

• if 语句： 根据条件执行代码块。
• switch 语句： 根据给定值执行不同代码块。
• 循环： 重复执行代码块，包括 for、while 和 do...while 循环。
• break 和 continue： 跳出或继续循环。

函数

函数在 JavaScript 中至关重要，可以重用代码并封装功能：

• 函数声明： 使用 function 声明。
• 函数表达式： 使用箭头函数或匿名函数。

函数可以接受参数并返回值。

数组

数组用于存储有序的数据集合：

• 创建数组： 使用中括号 []。
• 访问元素： 使用索引。
• 常用操作： 推送、弹出、排序、截取等。

对象

对象用于存储无序的数据集合，其中键值对由属性和值组成：

• 创建对象： 使用大括号 {}。
• 访问属性： 使用点号或方括号。
• 常用操作： 获取键、值、冻结对象等。

作用域

作用域定义了变量或函数的可见性范围：

• 全局作用域： 在脚本任何地方可见。
• 局部作用域： 只在定义它们的函数或块内可见。

闭包

闭包是指可以访问其他函数作用域内变量的函数。这使您可以保留状态并跨函数调用访问数据。

事件

事件是在用户与网页交互时触发的，例如单击、鼠标移动等。JavaScript 可以使用事件监听器侦听这些事件并执行相应的代码。

BOM 和 DOM

• BOM（浏览器对象模型）： 提供对浏览器功能的访问，如导航、历史和窗口。
• DOM（文档对象模型）： 提供对网页结构和内容的访问，使您可以动态修改页面。

常见问题解答

1. JavaScript 中的 typeof 运算符有什么作用？

   • 用于获取变量的数据类型。

2. 如何创建 JavaScript 数组？

   • 使用方括号 []，如：const myArray = [1, 2, 3];

3. 如何在 JavaScript 中定义函数？

   • 使用 function 关键字或箭头函数，如：function myFunction() { ... } 或 const myFunction = () => { ... }

4. 如何从 JavaScript 对象中获取属性值？

   • 使用点号或方括号，如：obj.property 或 obj['property']

5. 什么是 JavaScript 中的作用域？

   • 确定变量或函数的可见性范围。