解决对象变量被任意更改的Object.freeze()方法

解决对象变量被任意更改的Object.freeze()方法

陈奕迅是我喜欢了好几年的歌手，所以我定义了一个关于他的singer对象：

let singer = {
      name:"陈奕迅",
      nationality:"Hong Kong, China",
      works:{
        song1: "《葡萄成熟时》",
        song2: "《陪你度过漫长岁月》" 
     }
    }

然后在控制台打印出这个对象：

console.log(singer);

结果：

但是，我的舍友A喜欢林俊杰。有一天，她看到我的singer对象，然后神不知鬼不觉的修改了singer.name的内容：

	console.log(singer);
//任意更改属性内容，系统不报错
    singer.name = "林俊杰";
    console.log("更改后，singer.name = "+singer.name);

结果，变成了这样？？？

可恶！在高中时期，我天天听的《葡萄成熟时》可不是JJ唱的好吧…

可是系统也不会报错呀，无脑的系统不是陈奕迅或者林俊杰的粉丝，它只会乖乖的打印出我们输入的无语法错误的任意内容。

不行！绝对不能容忍这样的事情发生！！ヽ(*。>Д<)o

于是乎，当当当，神奇的 Object.freeze() 方法出现啦~

Object.freeze()方法:
可以冻结一个对象。

对于被冻结了的该对象：
1.不能添加新的属性
2.不能删除或者修改已有属性
3.不能修改该对象已有属性的可枚举性、可配置性、可写性
4.不能修改该对象的原型

所以，我果断的冻结了singer对象：

	console.log(singer);
//使用Object.freeze()方法
    Object.freeze(singer);
    singer.name = "林俊杰";
    console.log("更改后，singer.name = "+singer.name);  //singer.name没被改变

再看看控制台，

我邪魅的笑了。

舍友A看到我得意的笑，很是不爽。于是乎，趁我去饭堂和军训归来的新生们抢饭的时候，她又悄咪咪的改了一下：

 console.log(singer);
 singer.works.song1 = "《豆浆油条》";
 console.log("更改后，singer.works.song1 = "+singer.works.song1);

当我心满意足的回到宿舍的时候，一看控制台，差点气炸了：

说好的冻结对象的 Object.freeze() 方法呢？为什么不管用？

我气呼呼的又查找了一下资料，

如果一个属性的值是个对象，则这个对象中的属性是可以修改的，除非它也是个冻结对象。

我想了想，那，就使用for…in… 的循环方法，将对象中的对象一块冻结了呗~

//使用深层冻结方法
function deepFreeze(obj){
	Object.freeze(obj);
	for(let i in obj){
	if(obj.hasOwnProperty(i)){ //hasOwnProperty() 方法会返回一个布尔值，指示对象自身属性中是否具有指定的属性。如果属性i在obj中是存在的，则返回true
	if(typeof obj[i] === 'object'){ //如果obj[i]的类型是一个对象，那么将会进入deepFreeze(obj[i])，也就是实现Object.freeze(obj[i])
		deepFreeze(obj[i]);
		}
	  }
	}
}

//再试试冻结singer对象，且修改一下works内部的属性值看看结果如何
deepFreeze(singer);
singer.works.song1 = "《豆浆油条》";
singer.works.song2 = "《美人鱼》";
console.log("修改后，singer.works.song1 = "+singer.works.song1);
console.log("修改后，singer.works.song2 = "+singer.works.song2);

一波操作之下，我再看看控制台：

于是乎，我得意的仰天长笑了。

总结
1.使用Object.freeze()方法，可以让对象冻结。它不能被添加新的属性，不能删除或者修改已有属性，也不能修改该对象已有属性的可枚举性、可配置性、可写性，同时不能修改该对象的原型。
2.如果被冻结的对象中，有属性值也是对象的属性的话，那么使用深层冻结的方法（详情参考上面代码）。

相关链接：
Object.freeze()方法
Object.prototype.hasOwnProperty()方法