JS|JS 这次真的可以禁止常量修改了！ JS这次真的可以禁止常量修改了

本文简介 【JS|JS 这次真的可以禁止常量修改了！】点赞 + 关注 + 收藏 = 学会了

ES6 推出的 const 可以定义常量。在 JS 中，常量是不可改变的。这个 “不可改变” 指的是常量存放的内存地址不变。
众所周知，使用 const 定义的常量，如果是基础类型的数据，值不能变。但如果是引用类型的数据（比如对象、数组等），是可以修改里面的元素。所以有时候看上去常量并不那么“常量”。

但我们还是有办法让常量变成真正的 “常量”。

“可变” 的常量内存分为栈内存（stack）和堆内存（heap）。
JS 的基础类型数据存在栈内存里；引用类型数据存在堆内存里。但引用类型的数据，比如对象，对象的 key 是存到栈内存里，栈内存中存放了一个引用地址，这个引用地址指向存放在堆内存的值。
所以用 const 创建一个对象常量时，只要不改变引用地址就不会报错。
举个例子

const obj = { name: '雷猴' }obj.name = '鲨鱼辣椒'console.log(obj) // 输出: {name: '鲨鱼辣椒'}

有没有觉得上面的代码看上去并不那么 “常量” ？

冻结对象如果要将 const 创建的对象设置为不可变，可以使用 Object.freeze 。
freeze 就有冻结的意思。它会将一个普通对象转化为一个不可变对象，也就是说不能为这个对象添加新的属性、删除已有属性，也不能修改已存在的属性。

const obj = { nickname: '雷猴', skill: { name: '凌波微步', describe: '跑不快的，没啥用的功夫' } }// 浅层冻结 Object.freeze(obj)obj.nickname = '鲨鱼辣椒'console.log(obj.nickname) // 输出: 雷猴obj.skill.name = '大象踢腿'console.log(obj.skill) // 输出: {name: '大象踢腿', describe: '跑不快的，没啥用的功夫'}

但 Object.freeze 只能 “浅层冻结” ，如果对象的某个属性也是对象，那就冻不住了。
如果要冻结深层次对象，可以用递归来操作。

推荐阅读《JS ES5也可以创建常量？》
《Object.defineProperty也能监听数组变化？》
《Object.defineProperty也能监听数组变化？》
《Object.defineProperty也能监听数组变化？》
《Object.defineProperty也能监听数组变化？》
《Object.defineProperty也能监听数组变化？》

点赞 + 关注 + 收藏 = 学会了
点赞 + 关注 + 收藏 = 学会了