首页 > 编程语言 >JavaScript中的Object.freeze()和Object.seal()

JavaScript中的Object.freeze()和Object.seal()

时间:2024-09-06 16:24:26浏览次数:10  
标签:JavaScript Object freeze person seal 可变性 属性

一、Object.freeze()

1. 简介: Object.freeze()是一个可以将对象冻结的方法。一旦对象被冻结,就不能添加、删除或修改其属性。这在需要确保对象完整性、防止任何意外或故意更改的场景中非常有用
const person = {
    name: 'Alice',
    age: 30
};
Object.freeze(person);
person.age = 31; // 无效
person.address = '123 Main St'; // 不会被添加
delete person.name; // 不会删除属性
console.log(person); // 输出: { name: 'Alice', age: 30 }
/*
冻结了person对象。尝试修改任何属性、添加新属性或删除现有属性都不会生效。person对象保持不变,保留了其初始状态
*/
2. 场景 Object.freeze()的实际应用场景
2.1 不可变数据结构:在处理不应更改的数据(如配置对象或常量)时,冻结这些对象可以确保它们在应用程序的整个生命周期内保持一致
2.2 状态管理:在状态管理场景中,尤其是在使用Redux等库时,确保状态不可变性至关重要。冻结状态对象可以防止意外的变化,从而带来更可预测的状态过渡。

二、Object.seal()

1:简介 Object.seal()是一个可以限制对象结构变化的方法。虽然它不像Object.freeze()那样使对象完全不可变,但它可以防止添加或删除属性。然而,只要现有属性是可写的,它们仍然可以被修改.
const car = {
    make: 'Toyota',
    model: 'Corolla'
};
Object.seal(car);
car.model = 'Camry'; // 可以修改现有属性
car.year = 2020; // 不会被添加
delete car.make; // 不会删除属性
console.log(car); // 输出: { make: 'Toyota', model: 'Camry' }
/*
ar对象被封闭。我们可以修改现有的属性,如更改model属性。但是,尝试添加新属性或删除现有属性都会被阻止
*/
2. Object.seal()的实际应用场景
2.1 API响应数据:在处理从API接收的数据时,封闭对象可以确保结构的一致性。你可以更新现有数据,而不必担心意外的添加或删除会破坏应用逻辑
2.2 控制可变性:在需要允许某些可变性但又要防止结构性变化的情况下,Object.seal()提供了一种平衡。这在处理表单数据时尤其有用,某些字段是可编辑的,但整体结构应该保持不变

三、总结

Object.freeze()Object.seal()是JavaScript中提供的两个强大方法,它们对对象的可变性提供了不同程度的控制。Object.freeze()适用于创建完全不可变的对象,确保其状态保持不变,这对于维护常量数据结构确保状态管理中的不可变性非常有用。而Object.seal()允许部分可变性,可以修改现有属性但防止结构变化,这在处理API响应和需要部分可变性的场景中非常有用。

标签:JavaScript,Object,freeze,person,seal,可变性,属性
From: https://blog.csdn.net/everyStudy/article/details/141805687

相关文章

  • JavaScript 循环语句
    1. for 循环for循环是最常用的循环结构之一,它适合在循环开始前就知道循环次数的情况。基本语法for(初始化表达式;条件表达式;迭代后表达式){//循环体//这里的代码会在每次迭代时执行}如何工作初始化:首先执行初始化表达式,通常用来设置循环控制变量。条件......
  • JavaScript 导出csv
    1.修改指定列为中文可以通过遍历数据对象,将需要转换为中文的字段值替换为中文显示。2.删除不需要的列可以在导出数据之前,删除不需要的列(例如id列)。示例代码exportAsCSV(){//原始数据constdata=[{id:1,name:'JohnDoe',age:28,job:'Engineer'},......
  • JavaScript 中 structuredClone 和 JSON.parse(JSON.stringify()) 克隆对象的区别
    JavaScript中structuredClone和JSON.parse(JSON.stringify())克隆对象的异同点一、什么是structuredClone?1.structuredClone的发展structuredClone是在ECMAScript2021(ES12)标准中引入的,ECMAScript2021规范正式发布于2021年6月自2022年3月起,该功能适用于最......
  • JavaScript对象
    目录1.Json对象2.json对象和json字符串之间的转换 2.1json字符串->json对象2.2JS对象->JSON字符串3.BOM对象 3.1window对象(浏览器窗口对象)3,1,1.location属性3.1.2常用函数  3.2Location(地址栏对象) 4.DOM对象1.Json对象 JSON对象定义格式如下:{......
  • Javascript(基础) 笔记16
    dom操作①document ②object ③model一、查找1.getElementById()根据id值获取元素,返回符合的第一个元素(只会返回第一个)varx=document.getElementById("a");console.log(x);console.dir(x);//以对象形式打印x.style.background="red";x.style.color="yellow......
  • JavaScript 中的 数据结构
    数据结构数据结构是计算机存储、组织数据的方式。1.数组数组是最最基本的数据结构,很多语言都内置支持数组。数组是使用一块连续的内存空间保存数据,保存的数据的个数在分配内存的时候就是确定的。2.栈栈是一种遵循后进先出(LIFO)原则的有序集合在栈里,新元素都接近栈顶,旧元素......
  • JavaScript中的数据类型-存储差别
    总结声明变量时不同的内存地址分配:简单类型的值存放在栈中,在栈中存放的是对应的值引用类型对应的值存储在堆中,在栈中存放的是指向堆内存的地址不同的类型数据导致赋值变量时的不同:简单类型赋值,是生成相同的值,两个对象对应不同的地址复杂类型赋值,是将保存对象的内存地......
  • 【JavaScript学习第六天】—讲述JS学习历程的知识分享!
    前言本篇主要讲述了面向对象开发的特点,对象和类的概念与区别,包括详细讲解一个Tab选项卡案例一、面向对象在引出面向对象之前,我们首先要了解面向过程的概念面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候再一个一个的依次调用就可以了......
  • 如何使用JavaScript遍历对象
    一、使用for-in循环——简单直接,快速上手for-in循环是最基础也是最常用的对象遍历方法。它语法简单,适合初学者快速掌握constuser={name:'Alice',age:25,job:'Engineer'};for(constkeyinuser){constvalue=user[key];console.log(`${key......
  • javascript(四)
    六、常用工具类1.Date类方法描述Date()返回当前的日期和时间getDate()返回一个月中的某一天(1-31)getDay()返回一周中的某一天(0-6)getMonth()返回一年中的某一个月(0-11)getFullYear()返回一个四位数年份getYear()被getFullYear()方法代替getHours()......