值、变量与数据类型：给值贴上名字标签

1.值与数据类型：值也有种类

第1讲里我们用console.log输出过数字和文字。程序处理的每一份数据叫作值，值的种类叫作数据类型。人能根据上下文区分“3”这个字和3这个数，计算机则给每个值都标上种类，并按种类决定能对它做什么。数可以相加、相乘，文字可以拼接、可以数长度。

JavaScript里最常用的基本数据类型有五种。数字（number）不区分整数和小数，全部当作同一种类处理。字符串（string）是用引号括起来的文字。布尔值（boolean）只有真（true）和假（false）两个值，在第3讲的条件语句中起核心作用。undefined表示“还没有确定值”，null表示“有意标明没有值”。此外还有表示极大整数的bigint和表示独一无二标记的symbol，但本课程几乎不会用到。

值的种类可以用typeof运算符查看，结果是装着类型名称的字符串。有一个由来已久的例外：typeof null得到的不是"null"，而是"object"。这是JavaScript早期设计留下的痕迹，如今改掉会让现有网页出问题，所以就保留了下来。因此，要判断某个值是不是null时，不用typeof，而用第3讲要学的=== null比较。

console.log(typeof 42, typeof 3.14);
console.log(typeof "你好", typeof "42");
console.log(typeof true, typeof undefined);
console.log(typeof null); // 由来已久的例外

number number
string string
boolean undefined
object

2.变量：用`let`和`const`贴上名字标签

同一个值要用好几次，或者要暂时保存计算结果，就得给值起个名字。这个名字叫作变量。与其说变量是箱子，不如说它更像贴在值上的名字标签。写const price = 1200;，就给1200这个值贴上了price这个标签，此后只写price也指的是1200。这里的=不是数学里的“等于”，而是“把右边的值放进左边的名字”。

创建变量的方法有两种。const是一旦定下就不能再放入别的值的变量，let是之后可以换成别的值的变量。好习惯是默认用const，只在值需要改变时（累加合计、计数等）才用let。这样代码里就写明了“这个值不会变”，读代码的人可以放心；万一不小心覆盖了，也会立刻报错提醒。旧代码里常见的var是规则容易混淆的老写法，新代码里不用。

名字要起得让人看出里面装的是什么。比起a、x2，price、totalCount好读得多。在JavaScript里，几个单词连在一起时，通常从第二个单词起首字母大写（totalPrice）。名字不能以数字开头，不能含空格，也不能用let、if这类保留字。名字区分大小写，所以price和Price是两个不同的变量。

const price = 1200;
const count = 3;
const total = price * count;
console.log("合计:", total);

let visits = 0;
visits = visits + 1;
visits = visits + 1;
console.log("访问次数:", visits);

合计: 3600
访问次数: 2

const rate = 0.05;
console.log("利率:", rate);
rate = 0.07;
console.log("新利率:", rate);

利率: 0.05
TypeError: Assignment to constant variable.

let memo;
console.log(memo);
memo = "买菜";
console.log(memo);

undefined
买菜

3.运算符：计算与拼接

数字除了四则运算+、-、*、/之外，还有求余数的%和求幂的**。%比想象中用得更多。一个数除以2的余数是0就是偶数；把以分钟计的时间除以60，用商和余数就能得到“几小时几分”。运算顺序和数学一样，乘除先于加减；拿不准时最好加上括号，把意图写清楚。

即使除法结果不是整数，JavaScript也会给出小数答案。7 / 2是3.5。只要商的话，用Math.floor舍去小数部分；四舍五入用Math.round，向上取整用Math.ceil。除以0不会报错，而是得到Infinity（无穷大）；做无法变成数字的计算，会得到表示“不是数字”的NaN。还要记住，NaN虽然叫这个名字，typeof的结果却是"number"，它是一个特殊的数字值。

+也能用在字符串上。两个字符串用+相加就是拼接，"你" + "好"会变成"你好"。要把变量的值放进字符串里，用反引号（键盘上数字1左边的键）括起来、在里面用美元符号加花括号放入变量的“模板字符串”很方便。具体写法请在下面的代码示例里亲眼看一看。第7讲会更详细地讲字符串。

console.log(7 + 2, 7 - 2, 7 * 2, 7 / 2);
console.log(7 % 2, 2 ** 10);
console.log(Math.floor(7 / 2), Math.round(2.5));
console.log(Math.ceil(2.1), 1 / 0);

9 5 14 3.5
1 1024
3 3
3 Infinity

const minutes = 135;
const h = Math.floor(minutes / 60);
const m = minutes % 60;
console.log(h + "小时" + m + "分");
console.log(`${h}小时${m}分`);

2小时15分
2小时15分

4.类型转换的陷阱：`"1" + 2`为什么是`"12"`

JavaScript在混合不同种类的值做计算时，不会报错，而是自作主张把其中一方转换后再算。这叫作隐式类型转换。它有时很方便，却是初学者出错的一大原因。最有名的例子是"1" + 2。+的一边是字符串时，JavaScript会把它理解为“拼接”，把数字2变成字符串"2"，结果就成了"12"。

可是"5" - 2却是3。因为-、*、/是不能用在字符串上的运算，这次会把字符串转成数字来算。同样是字符串和数字，换个运算符，结果有时是字符串、有时是数字，难免让人糊涂。这个问题在实际中经常发生。从输入框、文本文件、CSV读进来的值，看起来像数字，其实大多是字符串，直接相加得到的不是合计，而是一串连在一起的文字（第9讲）。

解决办法是在计算之前亲手把它转成数字。这叫作显式类型转换。Number("12")会变成数字12；像Number("12韩元")这样混入了不能读成数字的文字，就会得到NaN。反过来，把数字转成字符串用String(12)。结果不对劲时，先养成用typeof打印值的种类的习惯。第8讲的调试，也是从这样确认“值是不是我以为的那种类型”开始的。

console.log("1" + 2);
console.log(1 + 2 + "3");
console.log("5" - 2, "5" * "2");
console.log(typeof ("1" + 2));

12
33
3 10
string

const a = "3000";
const b = "4500";
console.log(a + b);
console.log(Number(a) + Number(b));
console.log(Number("12韩元"), Number(""));
console.log(String(12) + String(3));

30004500
7500
NaN 0
123

• 加完之后结果长得奇怪，就要怀疑是不是字符串被拼接在了一起
• 从外部读进来的值（输入、文件、表格）在计算前先用Number转换
• Number的结果是NaN，说明混进了不是数字的文字（单位、逗号等）
• 注意空字符串""用Number转换后会变成0——要决定空格子算作0还是另行处理

5.`0.1 + 0.2`不等于`0.3`

在练习场里输出0.1 + 0.2，会得到0.30000000000000004。这不是JavaScript不会算数。计算机用二进制存储数，十进制的0.1在二进制里是无限延续的小数，放进固定的位数时会被截掉一点点。这和十进制里无法把1/3写成0.333…写到尽头是同一个道理。几乎所有编程语言都遵循同一个标准来实现这种方式（浮点数），所以在别的语言里也会一模一样地发生。

误差非常小，在大多数计算中不成问题，但有两种情况要小心。第一是比较是否相等时。0.1 + 0.2 === 0.3是false。第二是像金额这样差一分钱都不行的计算。小数多次相加、相乘，小误差会累积起来，有可能在显示时露出来。

常用的解决办法有三种。换成韩元、美分这类最小单位的整数来计算，只要是整数之间的加、减、乘，就不会产生误差（除非数非常大）；涉及除法时，只在最后四舍五入一次。只在显示到屏幕上时才用toFixed统一位数，或用Math.round四舍五入。比较时则看两个值的差是否足够小。练习场的评分器对小数结果也会把极小的差视为相等。不过别忘了，toFixed的结果不是数字，而是字符串。

console.log(0.1 + 0.2);
console.log(0.1 + 0.2 === 0.3);
console.log((0.1 + 0.2).toFixed(2));
console.log(typeof (0.1 + 0.2).toFixed(2));

0.30000000000000004
false
0.30
string

// 1.10美元 + 2.20美元，换成美分（整数）计算
const cents = 110 + 220;
console.log(cents / 100);
console.log(1.1 + 2.2);

3.3
3.3000000000000003

const total = 1200 * 3;
const pay = Math.round(total * 90 / 100);
console.log("实付金额:", pay);

实付金额: 3240

6.`null`与`undefined`：“空”的两副面孔

JavaScript里有两个表示“没有值”的值。undefined通常是JavaScript自己放进去的值：创建了变量却没放入值时、读取对象里不存在的属性时（第6讲）、函数什么都不返回时（第5讲），就会出现它。null是人有意放进去的值，表示“我知道这里是空的”。比如在还没填写的电话号码栏里先放上null。

两者用在计算里都会得出奇怪的结果。null在数字计算中被当作0，所以null + 1是1；undefined无法转成数字，所以undefined + 1是NaN。这类结果不带任何错误信息、悄无声息地扩散开来，因此更危险。如果合计变成了NaN，就可以把它看作计算过程中某处混进了undefined的信号。

更大的问题出在想从空值里取东西的时候。试图读取null或undefined的属性，会因TypeError而停下。这也是AI写的代码里常见的错误，原因是没有处理“数据为空时”的情况。第3讲会学习用条件语句提前把这类情况筛掉。

console.log(null + 1, undefined + 1);
let phone = null;
console.log("电话号码:", phone);
console.log(phone.length);

1 NaN
电话号码: null
TypeError: Cannot read properties of null (reading 'length')