Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

convert to markdown for learn/javascript/building_blocks zh-CN #7355

Merged
merged 3 commits into from
Aug 5, 2022
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view

This file was deleted.

Large diffs are not rendered by default.

609 changes: 0 additions & 609 deletions files/zh-cn/learn/javascript/building_blocks/conditionals/index.html

This file was deleted.

618 changes: 618 additions & 0 deletions files/zh-cn/learn/javascript/building_blocks/conditionals/index.md

Large diffs are not rendered by default.

564 changes: 0 additions & 564 deletions files/zh-cn/learn/javascript/building_blocks/events/index.html

This file was deleted.

531 changes: 531 additions & 0 deletions files/zh-cn/learn/javascript/building_blocks/events/index.md

Large diffs are not rendered by default.

428 changes: 0 additions & 428 deletions files/zh-cn/learn/javascript/building_blocks/functions/index.html

This file was deleted.

460 changes: 460 additions & 0 deletions files/zh-cn/learn/javascript/building_blocks/functions/index.md

Large diffs are not rendered by default.

55 changes: 0 additions & 55 deletions files/zh-cn/learn/javascript/building_blocks/index.html

This file was deleted.

49 changes: 49 additions & 0 deletions files/zh-cn/learn/javascript/building_blocks/index.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,49 @@
---
title: 创建 JavaScript 代码块
slug: Learn/JavaScript/Building_blocks
tags:
- JavaScript
- 事件
- 优先级
- 函数
- 循环
- 教程
- 文章
- 新手
- 条件
- 模块
- 编码
- 评估
translation_of: Learn/JavaScript/Building_blocks
---
{{LearnSidebar}}

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

## 预备知识

在开始这部分模块之前,你应该熟悉基本的 HTML 和 CSS, 并且已经看完我们之前的模块:[JavaScript 第一步](/zh-CN/docs/Learn/JavaScript/First_steps)。

> **备注:** 如果你在使用无法创建自己文件的电脑/平板/其他设备,你可以试试在线编辑器,例如 [JSBin](http://jsbin.com/) 或 [Glitch](https://glitch.com/).

## 指南

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

## 评估

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

- [图片画廊](/zh-CN/docs/Learn/JavaScript/Building_blocks/Image_gallery)
- : 现在我们已经学习了构建 JavaScript 的基本代码块,我们会通过构建一个在很多网站上相当常见的项目——一个由 JavaScript 驱动的相册,来测试你循环、函数、条件语句和事件方面的知识。
Loading