返回

JS入门:变量和数据类型

前端

踏上JS之旅

欢迎来到JS世界的激动人心之旅!作为一名零基础的学习者,您可能会对这个新领域感到既兴奋又有点不知所措。但别担心,我们将共同携手,逐步解锁JS的奥秘。

什么是JS?

JS,全称JavaScript,是一种高级编程语言,常用于构建交互式网页。它是一种灵活、轻量且功能强大的语言,可让您创建动态网站,实现各种各样的功能。

第一天:变量与数据类型

变量和数据类型是JS的基本知识。变量用于存储数据,而数据类型定义了变量可以存储的数据类型。

1. 变量

变量就如同JS中的小容器,可用于存储数据。您需要给变量起一个名称,以便将来可以引用和更新其中的数据。变量名称必须以字母或下划线开头,并只能包含字母、数字和下划线。

// 定义变量
let name = "John";
let age = 25;

2. 数据类型

数据类型决定了变量可以存储的数据类型。JS中共有六种基本数据类型:

  • 字符串(String) :用于存储文本数据,必须用引号(单引号或双引号)括起来。
  • 数字(Number) :用于存储数值,可以是整数或小数。
  • 布尔值(Boolean) :用于存储真(true)或假(false)值。
  • 未定义(Undefined) :表示变量尚未被赋值或其值已删除。
  • 空值(Null) :表示一个空引用或不存在的值。
  • 对象(Object) :用于存储复杂数据,如键值对或数组。
// 不同数据类型的变量
let name = "John"; // 字符串
let age = 25; // 数字
let isMarried = false; // 布尔值
let favoriteColor; // 未定义
let job = null; // 空值

变量与数据类型:实例讲解

让我们通过一个实例来进一步理解变量和数据类型:

// 定义变量并赋值
let firstName = "John";
let lastName = "Doe";
let age = 25;
let isMarried = false;

// 使用变量
console.log("First Name:", firstName);
console.log("Last Name:", lastName);
console.log("Age:", age);
console.log("Married:", isMarried);

这段代码中,我们定义了四个变量:firstName、lastName、age和isMarried,并为它们分别赋值。然后,我们使用console.log()函数将变量的值打印到控制台。

变量与数据类型:重要性

理解变量和数据类型对于学习JS至关重要。它们是构建更复杂程序的基础。通过熟练掌握变量和数据类型,您将能够轻松编写出强大且高效的JS代码。

小练习:变量与数据类型

  1. 创建一个变量来存储您的姓名,并将其打印到控制台。
  2. 创建一个变量来存储您的年龄,并将其打印到控制台。
  3. 创建一个变量来存储您是否已婚,并将其打印到控制台。
  4. 创建一个变量来存储您最喜欢的颜色,并将其打印到控制台。
  5. 创建一个变量来存储您的工作,并将其打印到控制台。