ES6-const使用总结

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]真的没有被修改