指南
搞懂变量与数据类型
详细讲解 JavaScript 中变量和数据类型的基础知识及使用方法。
🎯 引言
在学习 JavaScript 的过程中，变量和数据类型是最基础也是最重要的部分。掌握这两个概念，才能更好地写出正确且高效的代码。通过这篇文章，你将了解变量是什么、数据类型有哪些、以及如何在代码中使用它们。无论是初学者还是想要巩固基础的开发者，都会从中受益。
🔥 变量是什么？
变量可以理解为存储数据的容器。你可以把变量想象成盒子，里面放着不同的东西。通过变量名，我们可以访问这些存储的数据。
在 JavaScript 中，声明变量主要用关键字 var（ES5 标准前），let 和 const 是 ES6 引入的，但本篇不使用 ES6，所以我们只用 var。
变量的声明格式：
var 变量名;
变量的赋值：
变量名 = 值;
变量声明和赋值可以合并写成：
var 变量名 = 值;
例如：
var name = '小明';
var age = 18;
变量名遵循以下规则：
- 只能包含字母、数字、下划线和美元符号
$ - 不能以数字开头
- 不能使用 JavaScript 的保留字（如
var,function等）
命名变量时建议使用有意义的名字，方便理解和维护代码。
🧩 数据类型是什么？
数据类型是指变量中存储的数据的种类。在 JavaScript 中，数据类型大致分成两种：
- 值类型（简单类型）
- 引用类型（复杂类型）
1. 值类型
- 字符串（String）：用单引号或者双引号包裹起来的文本，比如
"hello"、'world' - 数字（Number）：所有的数字，包括整数和小数，例如
10、3.14 - 布尔值（Boolean）：表示真或假，只有两个值：
true和false - 空（null）：表示没有任何值
- 未定义（undefined）：表示变量声明了，但没有赋值
- NaN：表示“不是数字”，通常是数学运算错误产生的结果
2. 引用类型
- 对象（Object）：可以存储多个键值对，复杂的数据结构
- 数组（Array）：特殊对象，存储有序的数据集合
- 函数（Function）：也是对象，可以执行代码块
JavaScript 是动态类型语言，变量的数据类型是可以改变的。
🔧 如何使用变量和数据类型？
声明变量并赋值
var city = '北京';
var temperature = 26;
var isSunny = true;
var data = null;
var notDefined;
使用变量存储和修改数据
var message = '天气很好';
message = '天气变凉了';
不同数据类型之间的运算
- 字符串和数字拼接：
var name = '小红';
var age = 20;
var info = name + '的年龄是：' + age;
- 数字的加减乘除：
var a = 10;
var b = 3;
var sum = a + b; // 13
var difference = a - b; // 7
var product = a * b; // 30
var quotient = a / b; // 3.3333...
判断数据类型
JavaScript 中用 typeof 操作符判断数据类型：
var name = 'jack';
typeof name; // "string"
typeof 123; // "number"
typeof true; // "boolean"
typeof undefined; // "undefined"
typeof null; // "object"（这是 JavaScript 的历史遗留问题）
typeof {}; // "object"
typeof []; // "object"
typeof function () {}; // "function"
typeof null 返回 "object" 是 JavaScript 语言的一个历史漏洞，需要特别注意。🧾 小节总结
- 变量是存储数据的容器，通过
var可以声明变量。 - JavaScript 的值类型包括字符串、数字、布尔值、null 和 undefined。
- 变量的数据类型是动态的，可以随时改变。
- 使用
typeof可以检测变量的数据类型，但null会返回"object"。 - 引用类型如对象和数组可以存储复杂数据结构。
❓ 知识问答（Q&A）
Q：用什么关键字声明变量？
A：在不使用 ES6 的情况下，使用 var 关键字声明变量。
Q：JavaScript 有哪些值类型？
A：字符串、数字、布尔值、null 和 undefined。
Q：typeof null 返回什么？为什么？
A：返回 "object"，这是 JavaScript 语言的历史遗留问题。
Q：变量可以存储哪些类型的数据？
A：可以存储任意数据类型，包括基本类型和引用类型。
🧪 小练习
练习 1：声明并赋值不同类型变量
请声明五个变量，分别保存字符串、数字、布尔值、null 和 undefined 类型的数据。
var str = '前端';
// 在这里编写剩余的4个变量
练习 2：判断数据类型并输出结果
声明一个变量并赋值，使用 typeof 判断变量类型，然后使用 alert 显示判断结果。
var value = 50;
// 在这里编写你的代码
alert('变量的类型是：' + type);
🎉 恭喜你已经掌握 JS 变量和数据类型的基础知识啦！下次写代码时，记得运用这些知识来管理和操作数据，让你的程序更精彩！