JavaScript 构建模块
在本模块中,我们将继续涵盖 JavaScript 的所有关键基础功能,并将重点转向常见的代码块类型,例如条件语句、循环、函数和事件。你已经在课程中看到过这些内容,但只是略带提及 - 在这里我们将明确讨论它们。
先决条件
在开始本模块之前,你应该熟悉 HTML 和 CSS 的基础知识,并且还应该学习过我们之前的模块,JavaScript 初步学习。
指南
- 在代码中做出决策 — 条件语句
-
在任何编程语言中,代码都需要根据不同的输入做出决策并执行相应的操作。例如,在一个游戏中,如果玩家的生命值为 0,那么游戏结束。在一个天气应用程序中,如果是在早上查看,则显示日出图形;如果是在晚上,则显示星星和月亮。在本文中,我们将探讨条件结构在 JavaScript 中的工作原理。
- 循环代码
-
有时你需要连续执行一项任务多次。例如,查看一个姓名列表。在编程中,循环可以很好地完成此工作。在这里,我们将看看 JavaScript 中的循环结构。
- 函数 — 可重用的代码块
-
编码中的另一个重要概念是**函数。函数**使你能够将执行单个任务的代码存储在一个定义的块中,然后使用单个简短命令在需要时调用该代码 - 而不是必须多次键入相同的代码。在本文中,我们将探讨函数背后的基本概念,例如基本语法、如何调用和定义函数、作用域和参数。
- 构建自己的函数
-
在处理完大多数基本理论之后,本文提供了实际体验。在这里,你将练习构建自己的自定义函数。在此过程中,我们还将解释一些关于处理函数的其他有用细节。
- 函数返回值
-
你必须了解有关函数的最后一个基本概念是返回值。有些函数在完成之后不会返回有意义的值,而另一些函数则会返回。了解它们的值、如何在代码中使用它们以及如何使自己的自定义函数返回有用的值非常重要。
- 事件简介
-
事件是在你正在编程的系统中发生的事件或事件,系统会通知你这些事件,以便你可以在需要时以某种方式对它们做出响应。例如,如果用户单击网页上的一个按钮,你可能希望通过显示一个信息框来响应该操作。在本文中,我们将讨论围绕事件的一些重要概念,并看看它们在浏览器中是如何工作的。
- 事件冒泡
-
本指南介绍了事件冒泡、事件捕获和事件委托的概念,它们都与你在包含另一个元素的元素上添加监听器时发生的事情有关,以及事件随后发生在被包含的元素上。
评估
下面的评估将测试你对上面指南中介绍的 JavaScript 基础知识的理解。
- 图片库
-
现在我们已经了解了 JavaScript 的基本构建块,我们将通过构建一个在许多网站上都会看到的相当常见的项目 - 一个由 JavaScript 驱动的图像库 - 来测试你对循环、函数、条件语句和事件的知识。
另请参阅
- 学习 JavaScript
-
一个面向有志于成为网络开发人员的优秀资源 - 在交互式环境中学习 JavaScript,通过简短的课程和交互式测试,在自动评估的指导下。前 40 节课是免费的,完整课程可通过一次性支付少量费用获得。