类型与变量

这一课你将能做到

1. 用 const / let 声明变量，并说出二者差别与默认该选哪个
2. 认出常见类型：数字、字符串、布尔、null、undefined，并用 typeof 做一次探测
3. 解释对象/数组变量里装的是「值」还是「引用」的直觉，能预测「改 B 是否动到 A」

为什么要学

程序要记住东西：用户名、是否登录、列表有几项。
变量就是「贴了名字的盒子」。盒子里可以是数字、文字等不同类型。

类型搞不清，后面会出现：明明有内容却判断失败、改 A 却动了 B、输入框的 "10" 和数字 10 搅在一起。
这一课把「起名字」和「盒子里是什么」先稳住，后面运算符、函数才好学。

先建立图像

const name = "ada";   // 盒子名叫 name，里面是文字 ada；不能换绑别的值
let count = 0;        // 盒子名叫 count，里面是数字 0，允许换成别的数字

关键字	人话	典型用法
const	这个名字不能指向别的东西	默认首选
let	允许重新赋值	计数器、会变的状态
var	老写法，作用域怪异	新代码尽量别用

注意：const 不是「盒子里永远不能改」。
对对象来说，不能换绑另一个对象，但对象内部属性常常仍能改——对象课会展开。

基本类型（number/string/boolean…）
  变量里直接是「那份值」的感觉

对象 / 数组
  变量里更像「指向那份数据的地址」
  两个变量可指向同一份 → 改一份两边都看见

跟着做

步骤 1：在控制台声明并观察报错

打开浏览器控制台，输入：

// 默认用 const：名字固定指向这份数据
const site = "CodeRoadMap";
// 会变的计数器用 let
let clicks = 0;
clicks = clicks + 1;
console.log(site, clicks); // 应看到 CodeRoadMap 和 1

再试（预期会报错）：

site = "其他"; // const 不能重新赋值 → TypeError

你应看到报错。这说明 const 在「换绑」这件事上是硬限制。

步骤 2：用 typeof 看类型

typeof 1;          // "number"
typeof "1";        // "string"  —— 带引号是文字，不是数字
typeof true;       // "boolean"
typeof undefined;  // "undefined"
typeof null;       // "object"  ← 历史坑，记住即可，别据此判断 null
typeof {};         // "object"
typeof [];         // "object"  —— 数组也是对象的一种
typeof function () {}; // "function"

人话对照：

• number：数字（含小数；也有特殊值 NaN、Infinity）
• string：字符串（文字）