网站
引入
当你不想修改某个值时，可以使用常量。
常量适合保存固定配置、固定文本、不会重新赋值的数据。
正文
定义
定义
常量是用来保存不希望被重新赋值的数据，使用
const声明。
语法
const id = 1;
const siteName = "Garden AI";const 声明时必须初始化，也就是必须马上赋值。
const id;
id = 1;上面这种写法是错误的。
常量不能重新赋值
const age = 18;
age = 20;上面这种写法会报错，因为 const 声明的常量不能重新赋值。
常见用法
| 写法 | 作用 |
|---|---|
const id = 1; | 声明一个不能重新赋值的常量 |
const PI = 3.14; | 保存固定数值 |
const btn = document.querySelector("#btn"); | 保存获取到的页面元素 |
const list = []; | 保存数组引用 |
const user = {}; | 保存对象引用 |
对象和数组的注意点
const 限制的是变量名不能重新指向别的值。
如果保存的是对象或数组，对象里的内容仍然可以修改。
const user = {
name: "Tom"
};
user.name = "Jack";
console.log(user.name);数组也是一样。
const list = ["HTML", "CSS"];
list.push("JS");
console.log(list);但是不能重新赋值。
const list = ["HTML", "CSS"];
list = ["JS"];例子
保存固定网站名
const siteName = "学习笔记";
console.log(siteName);保存 DOM 元素
<button id="btn">点击</button>const btn = document.querySelector("#btn");
console.log(btn);特点
const用于声明常量const声明时必须初始化const不能重新赋值- 不想修改某个值时，优先使用
const - 保存对象和数组时，内部内容仍然可能被修改
- 常量名也要有明确含义
理解
可以把 const 理解为固定盒子。
盒子创建后，不能再换成另一个盒子。
但如果盒子里放的是对象或数组，里面的内容还能继续调整。
初学时可以记住：能用 const 就先用 const，需要重新赋值时再用 let。
引出
理解常量之后，可以继续学习 JS 数据类型，知道变量和常量里可以保存哪些数据。
也可以结合 JS DOM API，用 const 保存获取到的页面元素。