创建JavaScript代码块

翻译正在进行中。

在这个模块中, 我们讲继续介绍JavaScript的关键基本特性,在这一章中我们将关注条件控制、循环模块、函数模块、事件模块等通用代码块。你可能在之前的的课程中见过这些模块,但仅仅是见过—在这篇模块中我们将明确讨论这些模块.

预备知识

再开始这部分模块之前, 你应该熟悉基本HTML and css, 还有看完我们之前的模块, JavaScript first steps.

注解: 如果你在用电脑/平板/其他设备你没有能力来创建自己的文件,你可以试试在线编辑例如 JSBinThimble.

指南

在代码中做决定 — 条件
在任何程序语言中, 程序需要根据不同的输入数据作出相应的选择并执行相关的操作。例如, 在游戏中, 如果玩家的生命值是0,那么游戏就结束了。 在天气应用中, 如果在早上打开应用,则显示一个太阳升起的图片; 如果在晚上打开,则显示星星和月亮。在这篇文章里我们将探索如何在JS中使用条件结构.
循环
有时候你需要在一个行中重复执行某一个任务。例如,查看一整列的名字.在程序中, 、循环能非常好的处理好这个职责. 在这篇文章中我们将介绍javascript的循环语句。
函数 — 可重用的代码块
在编码中的另一个基本概念是函数(functions)。 Functions 允许你在定义的区块中内存储一段代码用来执行一个单独的任务,然后调用该段代码时,你需要使用一个简短的命令,而不用重复编写多次该段代码。在这篇文章中我们将探讨基本概念背后的基本功能,如语法、如何调用定义的函数、 范围和参数。
打造自己的函数
本文结合前几篇文章中所涉及的基本理论,提供了一个实践经验。在这里你会得到一些实践,和建立自己的自定义功能。随后,我们也将解释一些进一步有用的细节处理功能。
函数返回值
在这个课程中,我们要讨论的最后一个基本概念是结束我们的函数 - 返回值。有些函数在完成后不返回值,而有些函数返回。重要的是了解返回的值是什么,和如何在你的代码中使用他们,以及如何使自定义的函数返回需要的值。
事件介绍
事件是你正在编写的系统中发生的动作或事件,系统告诉你的是这些动作或事件,如果需要的话,你可以以某种方式对它们做出反应。例如,如果用户单击网页上的按钮,您可能希望通过显示信息框来响应该操作。在这最后一篇文章中,我们将重点讨论一些围绕事件有关的概念,看看他们如何在浏览器中工作。

评估

下面的评估将测试您对JavaScript基础知识的理解。

Image gallery(图片画廊)
现在我们已经看了JavaScript的基本构建块,我们会测试你的知识如循环、函数、条件语句和事件通过构建一个相当常见的项目你会看到在很多网站上——有JavaScript-powered图片画廊(Image gallery)。

文档标签和贡献者

 此页面的贡献者: backli, lvyue, ByWhy, Marslin92, chinatomhuang, GKilyar, iProgramme
 最后编辑者: backli,