JavaScript 构建块

在本模块中,我们将继续介绍 JavaScript 的所有关键基本功能,并将注意力转向常见的代码块类型,例如条件语句、循环、函数和事件。你已经在课程中看到了这些内容,但只是顺便看到了 - 在这里我们将明确地讨论它们。

¥In this module, we continue our coverage of all JavaScript's key fundamental features, turning our attention to commonly-encountered types of code blocks such as conditional statements, loops, functions, and events. You've seen this stuff already in the course, but only in passing — here we'll discuss it all explicitly.

先决条件

¥Prerequisites

在开始本模块之前,你应该对 HTMLCSS 的基础知识有一定的了解,并且你还应该已经完成了我们之前的模块 JavaScript 第一步

¥Before starting this module, you should have some familiarity with the basics of HTML and CSS, and you should have also worked through our previous module, JavaScript first steps.

注意:如果你正在使用无法创建自己的文件的计算机/平板电脑/其他设备,你可以尝试在线编码程序(例如 JSBinGlitch)中的(大部分)代码示例。

¥Note: If you are working on a computer/tablet/other device where you don't have the ability to create your own files, you could try out (most of) the code examples in an online coding program such as JSBin or Glitch.

指南

¥Guides

在代码中做出决定 - 条件

在任何编程语言中,代码都需要根据不同的输入做出相应的决策并执行操作。例如,在游戏中,如果玩家的生命数为 0,则游戏结束。在天气应用中,如果在早上查看,则显示日出图形;如果是晚上,则显示星星和月亮。在本文中,我们将探讨条件结构在 JavaScript 中的工作原理。

循环代码

有时你需要连续多次完成一项任务。例如,查看名称列表。在编程中,循环可以很好地完成这项工作。这里我们将看看 JavaScript 中的循环结构。

函数 - 可重用的代码块

编码中的另一个基本概念是函数。函数允许你在定义的块内存储执行单个任务的一段代码,然后在需要时使用单个短命令调用该代码,而不必多次键入相同的代码。在本文中,我们将探讨函数背后的基本概念,例如基本语法、如何调用和定义函数、作用域和参数。

构建你自己的函数

本文针对前面讨论的大部分基本理论提供了实践经验。在这里,你将获得一些构建自己的自定义函数的练习。在此过程中,我们还将解释一些处理函数的进一步有用的细节。

函数返回值

关于函数你必须了解的最后一个基本概念是返回值。有些函数在完成后不会返回有效值,但其他函数会返回。了解它们的值是什么、如何在代码中使用它们以及如何使你自己的自定义函数返回有用的值非常重要。

事件简介

事件是在你正在编程的系统中发生的操作或事件,系统会告诉你这些信息,以便你可以根据需要以某种方式响应它们。例如,如果用户单击网页上的按钮,你可能希望通过显示信息框来响应该操作。在最后一篇文章中,我们将讨论有关事件的一些重要概念,并了解它们在浏览器中的工作原理。

评估

¥Assessments

以下评估将测试你对上述指南中涵盖的 JavaScript 基础知识的理解。

¥The following assessment will test your understanding of the JavaScript basics covered in the guides above.

图片库

现在我们已经了解了 JavaScript 的基本构建块,我们将通过构建一个你会在很多网站上看到的相当常见的项目(由 JavaScript 驱动的图片)来测试你对循环、函数、条件和事件的了解。 图库。

也可以看看

¥See also

学习 JavaScript

对于有抱负的 Web 开发者来说是一个极好的资源 — 在交互式环境中学习 JavaScript,通过简短的课程和交互式测试,并以自动评估为指导。前 40 节课程是免费的,完整的课程只需一次性支付少量费用。