2018-05-23 | UNLOCK

理解es6中的const与“不变”

const实际上保证的,并不是变量的值不得改动,而是变量指向的那个内存地址不得改动。

效果

  • 对于简单类型的数据(数值、字符串、布尔值),值就保存在变量指向的那个内存地址,因此等同于常量
  • 对于复合类型的数据(主要是对象和数组),变量指向的内存地址,const只能保证这个指针是固定的,不能保证它指向的数据结构是不可变得
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
'use strict'
const obj = {}
const arr = []
obj.prop = 123 // 不改动指针
arr.push('Hello') // 只改变数据结构

try{
obj = {} // obj重指向新对象
} catch (err) {
console.log(err.message) // 失败
}

try{
arr = []
} catch (err) {
console.log(err.message) // 失败
}

彻底冻结

除了将对象本身冻结,对象的属性也应该冻结

关于Object.freeze

方法可以冻结一个对象。冻结对象是指那些不能添加新的属性,不能修改已有属性的值,不能删除已有属性,以及不能修改已有属性的可枚举性、可配置性、可写性的对象。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
'use strict'
const foo = {}
foo.prop = 1
foo.config = {
prop:1
}

const freeze = obj => {
Object.freeze(obj)
Object.keys(obj).forEach( key=>{
if(typeof obj[key] === 'object') {
freeze(obj[key])
}
})
}

freeze(foo) // 完全冻结
try {
foo.prop = 'test'
} catch (err) {
console.log(err.message)
}

请针对 Disqus 开启代理