1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <title></title>
6 </head>
7 <body>
8 <script>
9 let obj ={
10 name: '爸爸',
11 age: 11,
12 child: {
13 chileName: '儿子',
14 chileAge: 1,
15 toy: {
16 num:25
17 }
18 }
19 }
20 // 输出所有的属性名字,这个只能获取到第一层的
21 let objPro = Object.getOwnPropertyNames(obj)
22 console.log(objPro)
23 // 进行冻结
24 Object.freeze(obj)
25 // 进行修改第一层和第二层
26 obj.name = '你好'
27 console.log(obj.name) //还是输出爸爸
28 obj.child.chileName = '小红'
29 console.log(obj.child.chileName) //输出小红
30
31 //想要将整个对象都冻结
32 function deepFreeze(object) {
33 let propNames = Object.getOwnPropertyNames(object);
34 for (let name of propNames) {
35 let value = object[name];
36 object[name] = value && typeof value === 'object'? deepFreeze(value):value;
37 }
38 return Object.freeze(object)
39 }
40 //再次进行操作
41 deepFreeze(obj)
42 obj.name = '你好'
43 console.log(obj.name) //还是输出爸爸
44 obj.child.chileName = '小黑'
45 console.log(obj.child.chileName) //输出小红
46 </script>
47 </body>
48 </html>
