JavaScript 基础知识。 第 2 部分 JavaScript 课程从初级到高级

这是 JavaScript 博客文章系列的第二部分，它将带您从初学者到高级。 在本系列结束时，您将了解开始使用 JavaScript 编码所需的所有基础知识。 事不宜迟，让我们开始第二个教程。

JavaScript 基础——目录：

1. JavaScript 基础
2. 逐行执行
3. 结束指令的两种方式
4. 注释

在这篇博文中，我们将继续我们从第一篇博文离开的地方。 在这个阶段，您应该打开 Google Chrome 浏览器，更具体地说，打开 JavaScript 控制台。 如果您出于某种原因关闭了它们，那么现在是重新打开它们的好时机。 让我们开始学习 JavaScrip 基础知识吧

如果您使用的是 Mac，打开控制台的键盘快捷键是在打开 Chrome 后按“option + command + J”。 如果您使用的是 Windows 设备，则可以在打开 Chrome 后使用键盘快捷键“Control + Shift + J”打开 JavaScript 控制台。 或者您也可以转到顶部的菜单并转到查看 -> 开发人员 -> JavaScript 控制台。

JavaScript 基础

与所有其他编程语言一样，JavaScript 是一种用于与计算机通信的语言。 就像自然语言有语法和已知单词来形成正确的句子一样，编程语言也有一些你应该遵循的规则来有效地与计算机交流。

例如，某些词对运行我们代码的 JavaScript 引擎意味着某些事情，例如我们在上一个教程中使用的“alert”关键字的含义是向用户显示一个警报，其中包含他们放在括号中的特定词。 . 在我们的例子中，我们写了“Hello, World!” 所以我们收到了一条警报，上面写着“Hello, World!”。

我们应该注意 JavaScript 中的其他保留关键字，以便我们可以使用正确的单词和语法有效地与计算机通信。 就像我们在自然语言中的语法一样，编程语言中也有语法。 这种语法在编程语言中通常被称为“语法”，JavaScript 也不例外。 这就是为什么在我们开始学习 JavaScript 基础知识时了解 JavaScript 中的主要关键字和语法是个好主意。 让我们看看我们应该了解的关于 JavaScript 的一些主要内容。

逐行执行

当谈到 JavaScript 基础知识时，您首先应该知道的一件事就是您编写的代码将逐行执行，从上到下。 这种代码执行方式也被称为 JavaScript 是一种“解释性编程语言”。

相反，一些编程语言是“编译的编程语言”。 编译语言的一些示例是：C、C++、C#、Swift、Java 等。 主要区别在于，使用编译型编程语言，您编写的所有代码都将被“编译”并由计算机一体执行。 这也是为什么开始学习编译型编程语言会更难的原因，因为更难发现程序中哪里出错了。

解释性编程语言的一些例子是 JavaScript、Python、Bash 和 Matlab。 使用解释性编程语言，您可以查看出错的行，例如忘记分号或代码中的括号不匹配。 在某些应用程序中具有此特性可能会产生很大的不同，但是当我们尝试加载一个互联网连接速度较慢的网站时，您更希望让每一行 JavaScript 都尽可能快地执行。

结束指令的两种方式

归根结底，计算机程序是对计算机的一堆指令。 但是一个程序在哪里结束下一条指令从哪里开始呢？ 这个问题有不同的方法。 JavaScript 使用两个主要的东西，分号和括号。

根据我们编写的指令类型，我们一般会使用一个来结束或打包一组指令。 我们将为不同的功能和数据类型使用不同类型的括号。 例如，在 alert(“Hello, World”); 我们之前执行的代码，hello world 周围的括号告诉计算机警报应该说什么，指令末尾的分号告诉计算机，这条指令到此结束，您可以转到下一条指令。 这与我们使用句号“.”的方式非常相似。 用英语结束句子。

注释

在代码中添加注释是编程的重要组成部分。 在编写代码时可能很容易理解您编写的代码，但是根据代码的复杂性，您可能在六个月后回到代码中时几乎不知道。

添加注释不仅可以让未来的您更容易理解代码，而且还可以让与您一起工作的任何人也更容易理解代码。 它还可以帮助您更好地理解您正在处理的问题，因为通常通过将问题分成更小的块来解决问题要容易得多。 解释器将忽略代码的注释部分并且不会执行。

有两种方法可以添加注释是 JavaScipt。 第一个是添加一个带有两个正斜杠的简单“单行”注释，如下所示：

// this is a comment

这样，您在两个正斜杠之后写的任何内容都将在您放置正斜杠的特定行上被忽略。 您可以多次重复此操作，以使多行包含如下注释：

// this is a comment.
// this is another comment.
// you can keep commenting like this.

我们使用注释的另一个原因是注释掉一段代码来试验代码。 例如，您可以以多种方式编写相同的功能，并且您可能希望注释相同代码的一个版本以比较它们各自的性能或结果。 让我们也用一个例子来看看。

继续，将以下代码复制并粘贴到您在 Chrome 中打开的 JavaScript 控制台。

// greet user
alert("Hello, User!");
alert("Hi, User!");

如果您想额外练习自己编写整个代码，您也可以这样做。 关于在控制台中编写多行代码，您应该知道的一件事是，要在不执行它的情况下进入下一行，您可以按“shift + enter”来执行此操作。 否则在写完一行代码后，如果你按回车，它就会运行那行代码。 在这个例子中，这不是一个大问题，实际上也可以逐行执行，因为我们有一个简单的例子也可以以这种方式工作。

在复制和粘贴它或自己编写代码之后，继续并点击“enter”以运行代码。 结果应该会给您两个单独的警报。 同样要关闭警报，您可以单击“确定”，在这种情况下，它们不会做任何事情，因为这是一个简单的警报，并且在显示我们要显示的消息后它不会触发任何事情。

当我们执行这样的代码时，我们执行了两次相同的功能。 但是，如果您一次只想查看一个实现，您应该怎么做？ 好吧，您确切地知道在这种情况下该怎么做，因为我们已经讨论过了。 在粘贴或写出代码后继续注释其中一行，以便只有“嗨，用户！”的第二个实现。 被执行。

完成挑战后，或者如果您在挑战过程中遇到困难，您可以在下面看到挑战的解决方案代码。 在查看解决方案之前，我始终强烈建议您自己尝试一下，因为当您真正实践它时，您会学到最好的东西。 如果你成功完成了挑战，你应该看到这样的屏幕：

请注意，当您注释掉一行代码时，它会变成与前一个注释行相同的颜色。 这里的颜色差异实际上对计算机没有影响，但是在我们编写代码时它对我们来说是一个相当有用的功能。 这样，如果您错误地注释掉了一行代码，就会容易得多，因为颜色会使它变得明显。

注释代码的另一种方法是使用正斜杠和星号字符。 这样我们就可以在代码中创建单行或多行注释。

/* a single line comment */
/* the commenting starts when we put a forward slash and an asterisk
and the commented areas ends
when we close of the comment with an asterisk and the forward slash
like this */

现在您了解了 JavaScript 基础知识。 在下一个教程中，我们将看到一个非常常见的编程概念，称为“变量”以及 JavaScript 中的基本数据类型。

作者：罗伯特·惠特尼

JavaScript 专家和指导 IT 部门的讲师。 他的主要目标是通过教其他人如何在编码时有效合作来提高团队生产力。

查看所有帖子

10 篇博文中从初级到高级的 JavaScript 课程：

1. 如何开始用 JavaScript 编码？
2. JavaScript 基础
3. JavaScript 中的变量和不同的数据类型
4. 片段和控制结构
5. While 循环和 for 循环
6. Java 数组
7. JavaScript 函数
8. JavaScript 对象
9. JavaScript 方法等
10. JavaScript 课程总结