[JavaScript知识库]Object.freeze()的使用.

Object.freeze()方法可以冻结一个对象.一个被冻结的对象再也不能被修改;

不能向这个对象添加新的属性,不能删除已有属性,不能修改该对象已有属性的可枚举值,可配置性,可行性,以及不能修改已有属性的值.

冻结一个对象后,该对象的原型也不能被修改.

语法:

Object.freeze(obj)

返回值:

被冻结的对象.

例子🌰:

冻结对象:

const obj = {
  prop: 42
};

let newObj = Object.freeze(obj);


console.log(newObj === obj);  // true 返回值和参数完全相等

// Object.isFrozen()判断一个对象是否被冻结,返回Boolean
// console.log(Object.isFrozen(obj));  //true

// 试图直接修改对象的已有属性
// obj.prop = 88    // 报错: 不能为对象“#<对象>”的只读属性“prop”赋值"

// 试图为冻结的对象添加新属性
// obj.foo = 'foo'  // 报错: 不能添加属性foo，对象不能扩展"

// 试图删除冻结对象的属性
// delete obj.prop  //报错:  不能删除#<对象>属性'prop' "



// 试图通过Object.defineProperty更改属性
// 更改已有属性
// Object.defineProperty(obj, 'prop',{
//   value: 99  // 报错: 不能重新定义属性:prop"
// })
// 添加新属性
// Object.defineProperty(obj, 'foo',{
//   value: 99  // 报错: 不能定义foo属性，对象不能扩展"
// })

// 试图更改原型
// obj.__proto__ = { x:44 } // 报错: 对象不能扩展
// Object.setPrototypeOf()方法更改对象的原型
// Object.setPrototypeOf(obj, { x: 20 })  // 报错: 对象不能扩展

console.log(obj.prop);  //42

冻结数组:

  let a = [0];
  Object.freeze(a)
  //a[0] = 99   // 报错:  无法为对象[object Array]的只读属性'0'赋值"
  //a.push(2);  // 报错:  不能添加属性，对象不能扩展"
  

Object.freeze()? ?只能冻结第一层,如果需要多层级冻结就要使用递归

浅冻结例子🌰:

var obj1 = {
  internal: {}
};

Object.freeze(obj1);
obj1.internal.a = 'aValue';

console.log(obj1.internal.a); // 'aValue'  看到没,被改变了

深冻结例子🌰:

// 深冻结函数.
function deepFreeze(obj) {
  // 返回直接在给定对象中找到的所有属性
  // var propNames = Object.getOwnPropertyNames(obj);
  // Object.getOwnPropertyNames和Object.keys都可以用
  var list = Object.keys(obj)
  // 在冻结自身之前冻结属性
  list.forEach((name) => {
    var prop = obj[name];
    // 如果prop是个对象，冻结它
    if (typeof prop == 'object' && prop !== null)
      deepFreeze(prop);
  });
  // 冻结自身
  Object.freeze(obj);
}
var obj2 = {
  internal: {
    a: 'aaa'
  },
};

deepFreeze(obj2);
obj2.internal.a = 'anotherValue'; // 报错:不能分配对象的只读属性'a' #<对象>'"证明深冻结有效