JavaScript 第一步

在我们的第一个 JavaScript 模块中,我们首先回答一些基本问题,例如 "什么是 JavaScript?"、"它是什么样子的?" 和 "它能做什么?",然后再带你体验编写 JavaScript 的第一次实践经验。之后,我们详细讨论一些关键构建块,例如变量、字符串、数字和数组。

¥In our first JavaScript module, we first answer some fundamental questions such as "what is JavaScript?", "what does it look like?", and "what can it do?", before moving on to taking you through your first practical experience of writing JavaScript. After that, we discuss some key building blocks in detail, such as variables, strings, numbers and arrays.

先决条件

¥Prerequisites

在开始本模块之前,你不需要任何 JavaScript 知识,但你应该对 HTML 和 CSS 有一定的了解。建议你在开始使用 JavaScript 之前完成以下模块:

¥Before starting this module, you don't need any previous JavaScript knowledge, but you should have some familiarity with HTML and CSS. You are advised to work through the following modules before starting on JavaScript:

注意:如果你正在使用无法创建自己的文件的计算机/平板电脑/其他设备,你可以尝试在线编码程序(例如 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

什么是 JavaScript?

欢迎来到 MDN 初学者 JavaScript 课程!在第一篇文章中,我们将从高层次来看待 JavaScript,回答诸如 "它是什么?" 和 "它在做什么?" 之类的问题,并确保你熟悉 JavaScript 的用途。

第一次接触 JavaScript

现在你已经了解了 JavaScript 的理论以及可以用它做什么,我们将通过完全实用的教程为你提供有关 JavaScript 基本功能的速成课程。在这里,你将逐步构建一个简单的 "猜数字" 游戏。

什么地方出了错?JavaScript 疑难解答

当你在上一篇文章中构建 "猜数字" 游戏时,你可能会发现它不起作用。别担心 - 本文旨在通过提供一些关于如何查找和修复 JavaScript 程序中的错误的简单技巧,让你免于为此类问题而烦恼。

存储你需要的信息 - 变量

阅读完最后几篇文章后,你现在应该了解 JavaScript 是什么、它可以为你做什么、如何将它与其他 Web 技术一起使用,以及从高层次来看它的主要功能是什么样的。在本文中,我们将深入了解真正的基础知识,了解如何使用 JavaScript 最基本的构建块 - 变量。

JavaScript 中的基础数学 - 数字和运算符

在课程的这一点上,我们讨论 JavaScript 中的数学 - 如何组合运算符和其他功能来成功地操纵数字来执行我们的命令。

处理文本 - JavaScript 中的字符串

接下来,我们将把注意力转向字符串 - 这就是编程中所谓的文本片段。在本文中,我们将介绍学习 JavaScript 时你真正应该了解的有关字符串的所有常见知识,例如创建字符串、转义字符串中的引号以及将它们连接在一起。

有用的字符串方法

现在我们已经了解了字符串的基础知识,让我们开始思考我们可以使用内置方法对字符串执行哪些有用的操作,例如查找文本字符串的长度、连接和拆分字符串 、将字符串中的一个字符替换为另一个字符等等。

数组

在本模块的最后一篇文章中,我们将介绍数组 - 一种在单个变量名称下存储数据项列表的巧妙方法。在这里,我们看看为什么它很有用,然后探索如何创建数组、检索、添加和删除存储在数组中的项目等等。

评估

¥Assessments

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

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

愚蠢的故事生成器

在此评估中,你的任务是运用在本模块的文章中学到的一些知识,并将其应用到创建一个有趣的应用,该应用会生成随机的愚蠢故事。玩得开心!

也可以看看

¥See also

学习 JavaScript

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