JavaScript 变量声明与数据类型使用指南

介绍

欢迎来到 JavaScript 的世界！在本实验中，你将学习编程中最基本的两个概念：变量（variables）和数据类型（data types）。变量就像是存储信息的容器，而数据类型则定义了变量可以存储哪种类型的信息。

我们将涵盖：

在本实验结束时，你将对在 JavaScript 中处理数据打下坚实的基础。

这是一个实验（Guided Lab），提供逐步指导来帮助你学习和实践。请仔细按照说明完成每个步骤，获得实际操作经验。根据历史数据，这是一个初级级别的实验，完成率为 94%。获得了学习者 99% 的好评率。

在本步骤中，你将学习如何在 JavaScript 中声明一个变量。我们使用关键字来声明变量，其中最常用的是 let。let 关键字表示你正在创建一个新的变量，该变量之后可以被重新赋值。

首先，在 WebIDE 左侧的文件浏览器中找到 script.js 文件。点击它在编辑器中打开。

现在，向 script.js 添加以下代码行，以声明一个名为 message 的变量。

let message;

这行代码告诉 JavaScript 引擎为名为 message 的变量在内存中预留一个空间。它目前还没有值，这意味着它的默认值是 undefined。

现在你已经声明了一个变量，让我们给它赋一个值。我们将从 String（字符串）数据类型开始。字符串是一系列用于表示文本的字符。在 JavaScript 中，字符串用单引号（'）或双引号（"）括起来。

我们使用赋值运算符（=）给变量赋一个值。你可以分两步进行声明和赋值，但更常见的是在一行中完成。

修改你的 script.js 文件，在一行中声明 message 变量并为其赋值一个字符串。用以下代码替换现有代码：

let message = "Hello, LabEx!";

这一行代码既创建了 message 变量，又将文本 "Hello, LabEx!" 存储在其中。

接下来，让我们探索 Number（数字）数据类型。此类型用于所有数值，包括整数（如 10）和十进制数（如 3.14）。

在本步骤中，你还将学习使用 console.log()。这是一个内置的 JavaScript 函数，用于将信息打印到浏览器的开发者控制台。它是检查变量值和调试代码的重要工具。

将以下行添加到你的 script.js 文件末尾。这将创建一个名为 userCount 的新变量，并将其值打印到控制台。

let userCount = 100;
console.log(userCount);

要查看输出，请点击 LabEx 界面顶部的 Web 8080 标签页。右键单击页面，选择 "Inspect"（检查），然后在出现的开发者工具面板中点击 "Console"（控制台）标签页。你应该会在控制台中看到数字 100 被打印出来。

我们将介绍的第三个基本数据类型是 Boolean（布尔值）。布尔值只能有两个值之一：true（真）或 false（假）。布尔值是编程中逻辑和决策的基础。

让我们声明一个布尔变量。将以下行添加到你的 script.js 文件末尾，以创建一个名为 isComplete 的变量并打印其值。

let isComplete = true;
console.log(isComplete);

现在，返回 Web 8080 标签页，查看控制台。你将在上一步的 100 下方看到新输出的 true。

有时你需要知道变量中存储的是哪种类型的数据。JavaScript 为此提供了 typeof 操作符。它会返回一个字符串，指示操作数的数据类型。

在最后这个步骤中，你将使用 typeof 来检查你创建的每个变量的数据类型。将以下行添加到你的 script.js 文件末尾。

console.log(typeof message);
console.log(typeof userCount);
console.log(typeof isComplete);

添加代码后，切换到 Web 8080 标签页，并在必要时刷新页面。检查控制台。你现在将看到每个变量的数据类型被打印出来。

控制台中预期的输出将是：

string
number
boolean

恭喜你完成了本次实验！你已经通过学习变量和基本数据类型，迈出了 JavaScript 编程的第一步。

在本次实验中，你学会了如何：

这些概念是编写任何 JavaScript 应用程序的基石。随着你继续学习之旅，你将在此基础上构建，以创建更复杂和交互式的程序。