程序猿阵线联盟-汇总各类技术干货深究JavaScript

理解es6中的const与“不变”

2018-06-02  本文已影响3人  心谭

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

效果

'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

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

'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)
}

欢迎技术交流,引用请注明出处。
个人网站:Yuan Xin
Github:godbmw

上一篇 下一篇

猜你喜欢

热点阅读