JavaScript基础

JavaScript 基础概述

JavaScript 基础是构建更复杂 Web 交互的基础。该语言提供了关键的编程功能，使开发人员能够创建动态、响应迅速的 Web 应用程序。

来源: 2-js-basics/1-data-types/translations/README.es.md 2-js-basics/2-functions-methods/README.md 2-js-basics/3-making-decisions/README.md 2-js-basics/4-arrays-loops/README.md

数据类型和变量

JavaScript 使用几种基本数据类型来存储和操作不同类型的信息。

基本数据类型

数据类型	描述	示例
数字	数值，包括整数和浮点数	`let age = 25;`
字符串	用引号括起来的文本	`let name = 'JavaScript';`
布尔值	逻辑值	`let isActive = true;`
Undefined（未定义）	已声明但未赋值的变量	`let future;`

变量是用于存储数据值的容器，使用 let、const 或 var 关键字声明。

用 let 声明的变量可以重新赋值，而 const 创建的常量引用在初始化后不能被重新赋值。var 关键字较旧，在现代 JavaScript 中不太常用。

来源: 2-js-basics/1-data-types/translations/README.es.md104-132

运算符

JavaScript 提供了各种运算符来进行操作。

算术运算符：+ (加法)，- (减法)，* (乘法)，/ (除法)，% (求余数)
比较运算符：<，>，<=，>=，=== (严格相等)，!== (不相等)
逻辑运算符：&& (与)，|| (或)，! (非)

来源: 2-js-basics/3-making-decisions/README.md 2-js-basics/1-data-types/translations/README.es.md118-131 2-js-basics/3-making-decisions/README.md124-131

函数和方法

函数是为执行特定任务而设计的可重用代码块。它们有助于使代码更具可读性、可维护性和模块化。

函数声明和调用

函数可以使用 function 关键字定义，后跟名称、括号中的参数和代码块。

来源: 2-js-basics/2-functions-methods/README.md18-46

参数和默认值

函数可以接受参数，使其更加灵活和可重用。

参数可以有默认值，在未提供参数时使用。

来源: 2-js-basics/2-functions-methods/README.md58-104

返回值

函数可以使用 return 关键字返回值。

来源: 2-js-basics/2-functions-methods/README.md106-132

箭头函数

现代 JavaScript 引入了一种更简洁的编写函数的方式，称为箭头函数。

箭头函数提供了更紧凑的语法，并且在 `this` 绑定方面行为略有不同。

来源: 2-js-basics/2-functions-methods/README.md165-176

控制流 - 做出决定

控制流是指 JavaScript 根据条件按特定顺序执行语句的方式。

条件语句

JavaScript 使用条件语句根据不同条件做出决策。

if 语句

只有当条件为 true 时，if 语句内的代码块才会执行。

if...else 语句

当条件为 false 时，else 块将执行。

来源: 2-js-basics/3-making-decisions/README.md45-84

比较和逻辑运算符

比较运算符用于比较值。

< (小于)
<= (小于或等于)
> (大于)
>= (大于或等于)
=== (严格相等 - 值和类型都相同)
!== (严格不相等)

逻辑运算符用于组合多个条件。

&& (逻辑与) - 如果两个条件都为真，则结果为真。
|| (逻辑或) - 至少一个条件为真，结果为真。
! (逻辑非) - 反转布尔值。

来源: 2-js-basics/3-making-decisions/README.md123-149

三元运算符

三元运算符提供了一种简写方式来编写简单的 if...else 语句。

这等同于

来源: 2-js-basics/3-making-decisions/README.md163-196

数组和循环

数组和循环对于在 JavaScript 中处理数据集合至关重要。

数组

数组是 JavaScript 中有序的值集合。

数组中的元素使用零基索引进行访问。

数组具有属性和方法，例如 length，用于确定元素的数量。

来源: 2-js-basics/4-arrays-loops/README.md19-67

循环

循环允许迭代数据，例如数组中的元素。

for 循环

for 循环包含三个部分：

初始化 ( let i = 0 )
条件 ( i < 10 )
迭代表达式 ( i++ )

while 循环

只要条件为 true，while 循环就会继续执行。

来源: 2-js-basics/4-arrays-loops/README.md69-102

遍历数组

循环的常见用例是遍历数组。

现代 JavaScript 提供了其他数组迭代方法。

forEach()：为每个数组元素执行一次提供的函数。
map()：创建一个新数组，其中包含对每个元素调用函数的结果。
filter()：创建一个新数组，其中包含通过测试的元素。

来源: 2-js-basics/4-arrays-loops/README.md104-114 2-js-basics/4-arrays-loops/README.md120-123

浏览器中的 JavaScript

JavaScript 是 Web 浏览器的语言，它实现了 Web 应用程序的交互性。在浏览器环境中，JavaScript 可以访问和操作 DOM（文档对象模型）、处理事件、管理状态等等。

浏览器中的 JavaScript 可以：

选择和修改 DOM 元素
通过事件响应用户交互
本地存储和检索数据
向服务器发送 API 请求
异步执行代码

在打字游戏项目中可以看到 JavaScript 与浏览器交互的例子，其中使用事件处理程序和 DOM 操作来创建交互式体验。

来源： 4-typing-game/typing-game/README.md7-18 4-typing-game/typing-game/README.md196-198

与其他课程组件的关系

JavaScript 基础为《Web 开发入门》课程中的其他主题提供了必要的编程基础。

本节涵盖的 JavaScript 基础知识可作为以下内容的构建块：

Terrarium 项目，使用 DOM 操作
打字游戏，依赖于事件处理
浏览器扩展，利用 API 和存储
太空游戏，使用循环和条件语句进行游戏逻辑
银行项目，实现状态管理

来源： 4-typing-game/typing-game/README.md 3-terrarium/3-intro-to-DOM-and-closures/README.md 5-browser-extension/2-forms-browsers-local-storage/README.md

结论

JavaScript 基础知识构成了 Web 开发的关键基础。理解数据类型、函数、控制流和数据结构使开发人员能够创建动态、交互式的 Web 应用程序。这些概念在整个《Web 开发入门》课程的各种项目和作业中都有应用。

随着您在课程中的进步，您将看到这些基本概念如何在更复杂的场景中应用，例如 DOM 操作、API 集成和构建完整的 Web 应用程序。

JavaScript基础