0

0

JavaScript如何用Object.seal防止对象扩展

幻夢星雲

幻夢星雲

发布时间:2025-07-13 14:58:02

|

998人浏览过

|

来源于php中文网

原创

object.seal() 用于阻止向对象添加新属性并标记现有属性为不可配置,但允许修改可写属性的值。1. 它固定对象结构,防止增删属性或修改属性特性;2. 允许修改已有属性的值(若属性可写);3. 不影响嵌套对象,需手动递归密封;4. 在严格模式下非法操作会抛出错误;5. 性能开销小,适合维护代码稳定性与安全性。

JavaScript如何用Object.seal防止对象扩展

Object.seal() 方法在 JavaScript 中是一个非常实用的工具,它能阻止你向一个现有对象添加新的属性,同时也将该对象的所有现有属性标记为不可配置(non-configurable)。这意味着你不能删除这些属性,也不能改变它们的可枚举性(enumerable)、可写性(writable)或可配置性(configurable)等特性。然而,需要注意的是,你仍然可以修改现有属性的值,只要它们是可写的。

JavaScript如何用Object.seal防止对象扩展

解决方案

当你需要一个对象在创建后,其结构(即有哪些属性)不被改变,但内部属性的值可能还需要更新时,Object.seal() 就派上用场了。它提供了一种介于完全开放和完全冻结之间的状态。

考虑这样一个场景,你有一个配置对象,它包含了一些默认设置,你希望这些设置的键名是固定的,不允许外部代码随意增删,但这些配置的值可能会根据用户输入或运行时状态而变化。

立即学习Java免费学习笔记(深入)”;

JavaScript如何用Object.seal防止对象扩展
const config = {
  appName: "MyAwesomeApp",
  version: "1.0.0",
  debugMode: false
};

Object.seal(config);

// 尝试添加新属性 - 失败 (在严格模式下会抛出 TypeError)
config.newFeature = true;
console.log(config.newFeature); // undefined

// 尝试删除现有属性 - 失败 (在严格模式下会抛出 TypeError)
delete config.version;
console.log(config.version); // "1.0.0"

// 尝试修改现有属性的值 - 成功
config.debugMode = true;
console.log(config.debugMode); // true

// 尝试修改属性的特性 - 失败
try {
  Object.defineProperty(config, 'appName', {
    writable: false
  });
} catch (e) {
  console.log("无法改变 appName 的 writable 特性:", e.message);
}

console.log(Object.isSealed(config)); // true

从上面的例子可以看出,一旦一个对象被 Object.seal() 密封,它的“骨架”就被固定下来了。你不能再给它添砖加瓦,也不能拆掉任何一块砖,但你可以重新粉刷已有的砖块。这对于维护代码的健壮性和可预测性非常有帮助,尤其是在模块化开发中,可以有效防止意外的副作用。

为什么我们需要密封对象?

在我看来,密封对象更多是一种防御性编程的策略,它关乎代码的可靠性和安全性。我们都知道 JavaScript 的对象是高度动态的,这意味着你可以在运行时随意增删属性,这既是它的灵活性所在,也常常是 Bug 的温床。

JavaScript如何用Object.seal防止对象扩展

想象一下,你开发了一个库,提供了一个配置对象给用户。如果你不希望用户不小心或恶意地往这个配置对象里塞入一些奇怪的属性,或者删掉一些关键的默认配置,那么 Object.seal() 就成了一个很好的屏障。它能强制执行一种契约:这个对象就长这样了,你只能修改它已有的内容,不能改变它的形状。这在团队协作中尤其重要,能够减少因为对象结构被意外修改而导致的问题。

此外,在某些特定的优化场景下,固定对象的结构理论上也能帮助 JavaScript 引擎更好地进行内部优化,因为它知道这个对象的形状不会再变了。不过,这通常是微乎其微的性能提升,我们更多是出于结构稳定的考虑来使用它。

PHP Apache和MySQL 网页开发初步
PHP Apache和MySQL 网页开发初步

本书全面介绍PHP脚本语言和MySOL数据库这两种目前最流行的开源软件,主要包括PHP和MySQL基本概念、PHP扩展与应用库、日期和时间功能、PHP数据对象扩展、PHP的mysqli扩展、MySQL 5的存储例程、解发器和视图等。本书帮助读者学习PHP编程语言和MySQL数据库服务器的最佳实践,了解如何创建数据库驱动的动态Web应用程序。

下载

Object.seal()Object.freeze()Object.preventExtensions() 有何不同?

这三者是 JavaScript 中用于控制对象可变性的三个核心方法,它们的功能递进,但经常让人混淆。我发现很多人在初学时,会把它们一股脑地归为“让对象不可变”,但实际上它们各自有明确的适用场景和不同的严格程度。

  1. Object.preventExtensions(): 这是最宽松的限制。

    • 作用: 阻止向对象添加新的属性。
    • 允许: 删除现有属性、修改现有属性的值、修改现有属性的特性(如 writableenumerableconfigurable)。
    • 何时用: 当你只关心对象的“宽度”(不希望增加新属性),但不介意其内部属性的增删改查时。
    const objPrevent = { a: 1 };
    Object.preventExtensions(objPrevent);
    objPrevent.b = 2; // 失败
    delete objPrevent.a; // 成功
    objPrevent.a = 10; // 成功
  2. Object.seal(): 比 preventExtensions 更进一步。

    • 作用: 阻止添加新属性,并将所有现有属性标记为不可配置(configurable: false)。
    • 允许: 修改现有属性的值(如果它们是可写的)。
    • 不允许: 删除现有属性、添加新属性、改变现有属性的特性。
    • 何时用: 当你希望对象的结构(有哪些属性)是固定的,但属性值可以更新时。
    const objSeal = { a: 1, b: 2 };
    Object.seal(objSeal);
    objSeal.c = 3; // 失败
    delete objSeal.a; // 失败
    objSeal.a = 10; // 成功
  3. Object.freeze(): 这是最严格的限制。

    • 作用: 阻止添加新属性,阻止删除现有属性,并将所有现有属性标记为不可配置(configurable: false)且不可写(writable: false)。
    • 允许: 什么都不允许!对象变得完全不可变(在顶层)。
    • 不允许: 添加新属性、删除现有属性、修改现有属性的值、修改现有属性的特性。
    • 何时用: 当你需要一个对象完全不可变,就像一个常量一样,任何部分都不能被修改时。
    const objFreeze = { a: 1, b: 2 };
    Object.freeze(objFreeze);
    objFreeze.c = 3; // 失败
    delete objFreeze.a; // 失败
    objFreeze.a = 10; // 失败

简而言之,preventExtensions 限制了“增”,seal 限制了“增”和“删改属性特性”,而 freeze 则限制了“增删改”所有操作。理解这些细微的差别对于选择正确的对象保护策略至关重要。

使用 Object.seal() 有哪些需要注意的地方和性能考量?

在使用 Object.seal() 时,有一些“坑”或者说需要特别留心的地方。最常见的一个误解就是关于“深层密封”的问题。

  1. 浅层密封(Shallow Seal): Object.seal()Object.freeze() 一样,都只作用于对象的顶层属性。这意味着如果你的对象中嵌套了其他对象,这些内部的嵌套对象并不会自动被密封。它们仍然可以被修改、扩展或删除属性。

    const nestedObj = {
      id: 1,
      details: {
        name: "Test",
        value: 100
      }
    };
    
    Object.seal(nestedObj);
    
    // 顶层属性不能添加或删除
    nestedObj.newProp = "nope"; // 失败
    delete nestedObj.id; // 失败
    
    // 但嵌套对象仍然是可变的!
    nestedObj.details.name = "Updated Test"; // 成功
    nestedObj.details.newDetail = "Can Add!"; // 成功
    console.log(nestedObj.details); // { name: 'Updated Test', value: 100, newDetail: 'Can Add!' }

    如果你需要对整个对象图进行密封,你必须递归地遍历所有嵌套对象并对它们分别调用 Object.seal()(或者 Object.freeze(),如果需要更严格的不可变性)。这通常需要一些额外的代码来实现深层密封或深层冻结。

  2. 严格模式下的行为: 在严格模式下("use strict";),尝试对一个已密封的对象执行不允许的操作(如添加新属性或删除现有属性)会抛出 TypeError。而在非严格模式下,这些操作会静默失败,不会抛出错误,这可能会导致一些难以追踪的 Bug。因此,我个人建议在编写这类防御性代码时,始终在严格模式下进行,这样能更早地发现问题。

  3. 性能考量: 对于大多数日常应用场景来说,Object.seal() 的性能开销可以忽略不计。现代 JavaScript 引擎在处理这些操作时都非常高效。事实上,通过固定对象的形状,有时甚至能帮助引擎进行内部优化,因为它不需要为对象形状的变化预留额外的空间或逻辑。所以,除非你在处理极其庞大且频繁操作的对象集合,并且已经通过性能分析确定 Object.seal() 是瓶颈,否则不应该过早地为此担心。它带来的代码结构稳定性和可预测性,其价值远超潜在的微小性能影响。

最后,你可以使用 Object.isSealed() 方法来检查一个对象是否已经被密封。这在调试或编写条件逻辑时非常有用。

const mySealedObject = {};
Object.seal(mySealedObject);
console.log(Object.isSealed(mySealedObject)); // true

const myNormalObject = {};
console.log(Object.isSealed(myNormalObject)); // false

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
java基础知识汇总
java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友,请阅读本专题下面的的有关文章,欢迎大家来php中文网学习。

1500

2023.10.24

Python 自然语言处理(NLP)基础与实战
Python 自然语言处理(NLP)基础与实战

本专题系统讲解 Python 在自然语言处理(NLP)领域的基础方法与实战应用,涵盖文本预处理(分词、去停用词)、词性标注、命名实体识别、关键词提取、情感分析,以及常用 NLP 库(NLTK、spaCy)的核心用法。通过真实文本案例,帮助学习者掌握 使用 Python 进行文本分析与语言数据处理的完整流程,适用于内容分析、舆情监测与智能文本应用场景。

10

2026.01.27

拼多多赚钱的5种方法 拼多多赚钱的5种方法
拼多多赚钱的5种方法 拼多多赚钱的5种方法

在拼多多上赚钱主要可以通过无货源模式一件代发、精细化运营特色店铺、参与官方高流量活动、利用拼团机制社交裂变,以及成为多多进宝推广员这5种方法实现。核心策略在于通过低成本、高效率的供应链管理与营销,利用平台社交电商红利实现盈利。

109

2026.01.26

edge浏览器怎样设置主页 edge浏览器自定义设置教程
edge浏览器怎样设置主页 edge浏览器自定义设置教程

在Edge浏览器中设置主页,请依次点击右上角“...”图标 > 设置 > 开始、主页和新建标签页。在“Microsoft Edge 启动时”选择“打开以下页面”,点击“添加新页面”并输入网址。若要使用主页按钮,需在“外观”设置中开启“显示主页按钮”并设定网址。

16

2026.01.26

苹果官方查询网站 苹果手机正品激活查询入口
苹果官方查询网站 苹果手机正品激活查询入口

苹果官方查询网站主要通过 checkcoverage.apple.com/cn/zh/ 进行,可用于查询序列号(SN)对应的保修状态、激活日期及技术支持服务。此外,查找丢失设备请使用 iCloud.com/find,购买信息与物流可访问 Apple (中国大陆) 订单状态页面。

131

2026.01.26

npd人格什么意思 npd人格有什么特征
npd人格什么意思 npd人格有什么特征

NPD(Narcissistic Personality Disorder)即自恋型人格障碍,是一种心理健康问题,特点是极度夸大自我重要性、需要过度赞美与关注,同时极度缺乏共情能力,背后常掩藏着低自尊和不安全感,影响人际关系、工作和生活,通常在青少年时期开始显现,需由专业人士诊断。

7

2026.01.26

windows安全中心怎么关闭 windows安全中心怎么执行操作
windows安全中心怎么关闭 windows安全中心怎么执行操作

关闭Windows安全中心(Windows Defender)可通过系统设置暂时关闭,或使用组策略/注册表永久关闭。最简单的方法是:进入设置 > 隐私和安全性 > Windows安全中心 > 病毒和威胁防护 > 管理设置,将实时保护等选项关闭。

6

2026.01.26

2026年春运抢票攻略大全 春运抢票攻略教你三招手【技巧】
2026年春运抢票攻略大全 春运抢票攻略教你三招手【技巧】

铁路12306提供起售时间查询、起售提醒、购票预填、候补购票及误购限时免费退票五项服务,并强调官方渠道唯一性与信息安全。

117

2026.01.26

个人所得税税率表2026 个人所得税率最新税率表
个人所得税税率表2026 个人所得税率最新税率表

以工资薪金所得为例,应纳税额 = 应纳税所得额 × 税率 - 速算扣除数。应纳税所得额 = 月度收入 - 5000 元 - 专项扣除 - 专项附加扣除 - 依法确定的其他扣除。假设某员工月工资 10000 元,专项扣除 1000 元,专项附加扣除 2000 元,当月应纳税所得额为 10000 - 5000 - 1000 - 2000 = 2000 元,对应税率为 3%,速算扣除数为 0,则当月应纳税额为 2000×3% = 60 元。

35

2026.01.26

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 4.2万人学习

Pandas 教程
Pandas 教程

共15课时 | 1.0万人学习

ASP 教程
ASP 教程

共34课时 | 4.1万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号