es6新增了const用来定义常量,声明之后不允许改变
如下:
修改const声明的变量会直接报错
但是,const声明的变量真的不可以改变吗?
我们来看一个例子:
const obj = {name: "张三", age: 10}
obj.age = 18;
此时我们打印obj会发现age被改变了
这是什么原因呢?
在计算机中,常量是放在栈中的,而对象是放在堆中的。
对于对象赋值,const指向的仅仅是他的地址,cosnt仅仅是保证这个地址不改变,至于地址对应的数据,是可以进行改变的。
数组同对象是一个道理,也是放在堆中的,所以数组的值也是可以改变的,如下:
那么,如何使对象或数组的值不被更改呢?
Object.freeze(obj)
Object.freeze(obj) 方法可以冻结一个对象。一个被冻结的对象再也不能被修改;冻结了一个对象则不能向这个对象添加新的属性,不能删除已有属性,不能修改该对象已有属性的可枚举性、可配置性、可写性,以及不能修改已有属性的值。此外,冻结一个对象后该对象的原型也不能被修改。
我们再使用上面的例子试一下,在修改之前使用Object.freeze(obj),看看是什么效果
我们会发现在Object.freeze(arr)之后再去修改arr[0]已经不生效了
但是,Object.freeze只是浅层次的冻结,什么意思呢?我们再来看一个例子就了解了
const myobj = {
name: "张三",
age: 10,
score: [20, 80, 85]
}
Object.freeze(myobj);
myobj.score[0] = 70;
console.log(myobj);
我们会看到obj.score[0]还是被更改为70了
Object.freeze不能冻结嵌套深层次的对象,那么我们想深层冻结,怎么办呢?
我们可以自己写一个递归方法去调Object.freeze来实现
深层冻结变量
function myFreeze(obj) {
Object.freeze(obj); // 冻结第一层
Object.keys(obj).forEach(function (key) {
// 循环obj的key,判断当前key的类型,如果是object,则递归调用myFreeze
if (typeof obj[key] === 'object') {
myFreeze(obj[key]);
}
})
}
我们来调用一下,myobj.score[0]真的没有被修改