4-JavaScript 基础：数据类型

JavaScript 基础：数据类型

插图作者：Tomomi Imura

课前测验

课前测验

本课程介绍了 JavaScript 的基础知识，这是一种为网页提供交互功能的编程语言。

你可以在 Microsoft Learn 上学习这节课程！

🎥 点击上方图片观看关于变量和数据类型的视频

让我们从变量和数据类型开始！

变量

变量用于存储数据，数据可以在代码中多次使用和修改。

声明变量的语法为：
[关键字] [变量名]
由以下两部分组成：

• 关键字：可以使用 let 或 var。

✅ ES6 引入了 let，它具有 块级作用域，相比 var 更安全，推荐使用 let。我们将在后续课程中深入讲解作用域。

• 变量名：变量的名称由你自己定义。

任务：操作变量

1. 声明变量：使用 let 声明变量：

   let myVariable;

   此时，myVariable 被声明了，但尚未赋值。

2. 赋值：使用赋值运算符 = 为变量赋值：

   myVariable = 123;

   ✅ 此时，myVariable 被初始化为 123。

3. 简化写法：将声明与赋值合并：

   let myVariable = 123;

   这种方式称为 显式初始化，变量在声明时就赋值。

4. 修改变量值：使用 = 修改变量值：

   myVariable = 321;

   ✅ 你可以在代码中随时修改变量值。

常量

常量使用 const 声明，声明后不能修改引用。

const MY_VARIABLE = 123;

与变量相比，常量有两个区别：

• 必须赋值：声明常量时必须初始化，否则会报错。
• 引用不可更改：常量引用一旦赋值就不可修改，但对象属性值仍然可以改变：

✅ 不可修改引用

const PI = 3;
PI = 4;  // 报错

✅ 对象引用不可改变，但属性可修改

const obj = { a: 3 };
obj.a = 5;  // ✅ 合法

注意：const 保护的是引用，而不是值本身。

数据类型

变量可以存储不同类型的值，如数字、文本等。这些值的类别称为 数据类型。

✅ JavaScript 中有 7 种基本数据类型：

• string（字符串）
• number（数字）
• bigint（大整数）
• boolean（布尔值）
• undefined（未定义）
• null（空值）
• symbol（唯一值）

数字

数字类型包括整数和小数：

let age = 25;   // 整数
let pi = 3.14;  // 小数

✅ 数字可以进行数学运算，如加减乘除。

算术运算符

✅ 在浏览器控制台尝试运行这些运算，观察结果。

字符串

字符串是由字符组成的文本，使用单引号或双引号包裹：

let greeting = "Hello, world!";
let name = 'Alice';

✅ 字符串拼接：

let firstName = "Alice";
let lastName = "Smith";
let fullName = firstName + " " + lastName;  // Alice Smith

✅ 使用模板字符串：

let name = "Alice";
let age = 25;
let info = `${name} is ${age} years old.`;  // Alice is 25 years old

模板字符串使用反引号 ` 并通过 ${} 插入变量。

布尔值

布尔值只有两种：true 和 false，用于表示逻辑状态：

let isOnline = true;
let isAdmin = false;

✅ 逻辑表达式返回布尔值：

let a = 5;
let b = 10;
console.log(a > b);   // false
console.log(a < b);   // true

🚀 挑战

JavaScript 中有一些令人意外的特性。试着研究以下示例：

let age = 1;
let Age = 2;
console.log(age == Age);  // false

✅ JavaScript 区分大小写，age 和 Age 是两个不同的变量。

课后测验

课后测验

复习与自学

查看 JavaScript 示例，练习其中一项代码，巩固你的知识！ 🚀