| title | slug |
|---|---|
创建 JavaScript 代码块 |
Learn/JavaScript/Building_blocks |
{{LearnSidebar}}
在这个模块中，我们将继续介绍 JavaScript 的关键基本特性，在这一章中我们将关注条件控制语句、循环语句、函数模块、事件等通用代码块。你可能在之前的课程中见过这些模块，但仅仅是见过—在这篇模块中我们将明确讨论这些模块。
在开始这部分模块之前，你应该熟悉基本的 HTML 和 CSS, 并且已经看完我们之前的模块：JavaScript 第一步。
- 在代码中做决定 — 条件
- : 在任何程序语言中，程序需要根据不同的输入数据作出相应的选择并执行相关的操作。例如，在游戏中，如果玩家的生命值是 0，那么游戏就结束了。在天气应用中，如果在早上打开应用，则显示一个太阳升起的图片，如果在晚上打开，则显示星星和月亮。在这篇文章里我们将探索如何在 JS 中使用条件结构。
- 循环语句
- : 有时候你需要在一个行中重复执行某一个任务。例如，查看一整列的名字。在程序中，循环能非常好的处理好这个问题。在本章中我们将介绍 JavaScript 的循环语句。
- 函数 — 可重用的代码块
- : 在编码中的另一个基本概念是函数 (functions)。 函数 允许你在定义的区块内存储一段代码用来执行一个单独的任务，然后调用该段代码时，你需要使用一个简短的命令，而不用重复编写多次该段代码。在这篇文章中我们将探讨函数的基本概念，如语法、如何调用定义的函数、作用域和参数。
- 打造自己的函数
- : 本文结合前几篇文章中所涉及的基本理论，提供了一个实践经验。在这里你会得到一些实践，并且编写自己的自定义函数。随后，我们也将进一步解释一些与函数相关的有用的细节。
- 函数返回值
- : 在这个课程中，我们要讨论的最后一个基本概念是返回值（通过返回值结束我们的函数）。有些函数在完成后不返回任何值，而有些函数返回。重要的是了解返回的值是什么，和如何在你的代码中使用他们，以及如何使自定义的函数返回需要的值。
- 事件介绍
- : 事件是你正在编写的系统中发生的动作或事件，系统告诉你的是这些动作或事件，如果需要的话，你可以以某种方式对它们做出反应。例如，如果用户单击网页上的按钮，你可能希望通过显示信息框来响应该操作。在这最后一篇文章中，我们将重点讨论一些围绕事件有关的概念，看看他们如何在浏览器中工作。
下面的评估将测试你对 JavaScript 基础知识的理解。
- 图片画廊
- : 现在我们已经学习了构建 JavaScript 的基本代码块，我们会通过构建一个在很多网站上相当常见的项目——一个由 JavaScript 驱动的相册，来测试你循环、函数、条件语句和事件方面的知识。