Javascript Object.freeze( )用法及代码示例

JavaScript中的对象和对象构造函数？
在面向对象编程的生活世界中，我们已经知道类和对象的重要性，但是与其他编程语言不同，JavaScript没有其他语言所具有的传统类。但是JavaScript具有对象和构造函数，它们在大多数情况下以相同的方式工作以执行相同的操作。

• 构造函数是与“new”关键字一起使用的常规JavaScript函数。构造函数在JavaScript中有两种类型，即内置构造函数(数组和对象)和自定义构造函数(定义特定对象的属性和方法)。
• 当我们需要一种创建可以多次使用而不必每次都重新定义对象的对象“type”时，构造函数会很有用，这可以使用Object Constructor函数来实现。按照惯例，大写的构造函数名称会将其与常规函数区分开。

例如，考虑以下代码：

function Automobile(color) {
  this.color=color;
}

var vehicle1 = new Automobile ("red");

函数“Automobile()”是一个对象构造函数，其属性和方法即“color”在其内部声明为关键字“this”。然后使用关键字“new”将使用对象构造函数定义的对象转换为即时对象。

调用新的Automobile()时，JavaScript执行以下两项操作：

1. 它创建一个新的新对象(实例)Automobile()并将其分配给变量。
2. 它将对象的构造函数属性“color”设置为Automobile。

Object.freeze()方法
在对象构造器方法中，有一个方法Object.freeze()用于冻结对象。冻结对象不允许将新属性添加到对象，并防止删除或更改现有属性。 Object.freeze()保留对象的可枚举性，可配置性，可写性和原型。它返回传递的对象，并且不创建冻结副本。

应用范围：

• Object.freeze()用于冻结对象和数组。
• Object.freeze()用于使对象不可变。

用法:

Object.freeze(obj)

使用的参数：

1. obj：这是必须冻结的对象。

返回值：
Object.freeze()返回传递给该函数的对象。

下面提供上述函数的示例。

例子：

Input : const obj1 = { property1: 'initial_data'};
        const obj2 = Object.freeze(obj1);
        obj2.property1 = 'new_data';
        console.log(obj2.property1);

Output : "initial_data"

说明：在此示例中，已为对象“ obj2”分配了对象“ obj1”的属性，并且冻结了“ obj1”的属性，因此防止了新的属性和值添加到“ obj2”。

Input : var obj = { prop: function() {}, name: 'adam' };
        console.log(obj);
        obj.name = 'billy';
        delete obj.prop;
        console.log(obj);
        var o = Object.freeze(obj);
        obj.name = 'chris';
        console.log(obj);

Output : Object { prop: function () {}, name: "adam" }
         Object { name: "billy" }
         Object { name: "billy" }

说明：在此示例中，对象“obj”被分配了“ prop：function”，由于未冻结对象“ obj”，该对象后来被删除。之后，已为新对象“o”分配了“obj”的冻结值，这阻止了它的进一步更新。

下面提供了上述函数的代码。

代码1：

<script> 
<!-- creating an object constructor and assigning values to it -->
const obj1 = { property1: 'initial_data'}; 
  
<!--creating a second object which will freeze the properties of the first object-->
const obj2 = Object.freeze(obj1); 
  
<!-- Updating the properties of the frozen object -->
obj2.property1 = 'new_data'; 
  
<!-- Displaying the properties of the  frozen object -->
console.log(obj2.property1); 
</script>

输出：

"initial_data"

代码2：

<script> 
<!-- creating an object constructor and assigning values to it -->
var obj = { prop: function() {}, name: 'adam' }; 
  
<!-- Displaying the properties of the object created -->
console.log(obj); 
  
<!-- Updating the properties of the object -->
obj.name = 'billy'; 
delete obj.prop; 
<!-- Displaying the updated properties of the object -->
console.log(obj); 
  
<!-- Freezing the object using object.freeze() method> 
var o = Object.freeze(obj); 
  
<!-- Updating the properties of the frozen object -->
obj.name = 'chris'; 
  
<!-- Displaying the properties of the  frozen object -->
console.log(obj); 
  
</script>

输出：

Object { prop: function () {}, name: "adam" }
Object { name: "billy" }
Object { name: "billy" }

异常：

• 如果传递的参数不是对象，则会导致TypeError。

参考：https：//developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze