0

0

js如何检测原型是否被密封

煙雲

煙雲

发布时间:2025-08-23 13:19:01

|

630人浏览过

|

来源于php中文网

原创

检测 javascript 原型是否被密封最直接的方法是使用 object.issealed(),它会返回一个布尔值表示对象是否被密封;2. 密封对象后不能添加或删除属性,但可以修改现有属性值,而冻结对象(object.freeze())则完全禁止修改;3. 密封操作不影响原型链上的属性查找,实例仍可正常继承和访问原型方法,且可在实例上覆盖方法而不影响被密封的原型。

js如何检测原型是否被密封

检测 JavaScript 原型是否被密封,最直接的方法就是使用

Object.isSealed()
这个内置函数。你只需要把目标原型对象作为参数传进去,它就会返回一个布尔值,告诉你这个原型是不是已经被“锁”起来了。

js如何检测原型是否被密封

Object.isSealed()
是专门用来检查一个对象是否被密封的。当一个对象被密封后,你不能再添加新的属性,也不能删除已有的属性。但是,现有属性的值是可以被修改的。这和冻结(
Object.freeze()
)不同,冻结是连修改都不允许。

举个例子,假设我们有一个构造函数

MyClass
,它的
prototype
就是我们想检测的对象:

js如何检测原型是否被密封
function MyClass() {
  this.value = 1;
}

// 正常情况下,原型是可以被修改的
console.log(Object.isSealed(MyClass.prototype)); // false

// 我们可以给原型添加一个方法
MyClass.prototype.getValue = function() {
  return this.value;
};

// 现在我们来密封它
Object.seal(MyClass.prototype);

console.log(Object.isSealed(MyClass.prototype)); // true

// 尝试添加新属性(会失败,严格模式下报错)
try {
  MyClass.prototype.newValue = 2;
} catch (e) {
  console.log("尝试添加新属性失败:", e.message); // TypeError: Cannot add property newValue, object is not extensible
}

// 尝试删除已有属性(会失败,严格模式下报错)
try {
  delete MyClass.prototype.getValue;
} catch (e) {
  console.log("尝试删除已有属性失败:", e.message); // TypeError: Cannot delete property 'getValue' of #
}

// 但是,修改现有属性的值是允许的
MyClass.prototype.getValue = function() {
  return this.value + 10;
};
console.log(new MyClass().getValue()); // 11

我个人觉得,理解这些“锁”的级别非常重要,它决定了你的对象能有多大的灵活性或者说有多大的“安全感”。

密封原型和冻结原型有什么区别

这个问题其实挺核心的,也是很多人容易混淆的地方。说白了,密封(

Object.seal()
)和冻结(
Object.freeze()
)都是对对象可变性的一种限制,但它们限制的程度不一样,就像是给房子上锁,有的是只锁大门,有的是连窗户都焊死了。

js如何检测原型是否被密封

Object.seal()
: 当你对一个对象执行
Object.seal()
后,这个对象就不能再添加新的属性了,也不能删除已有的属性。但是,它现有属性的值还是可以被修改的。你可以想象成,这个对象的“骨架”被固定了,不能增减成员,但成员的“内容”可以变。这在一些库或者框架中,为了保证核心API的稳定性和可预测性,但又允许用户配置部分行为时,可能会用到。

Object.freeze()
: 而
Object.freeze()
就要严格得多。它在
Object.seal()
的基础上,进一步禁止了对现有属性值的修改。也就是说,一个被冻结的对象,你既不能添加、删除属性,也不能修改任何已有属性的值。它就成了一个真正意义上的“不可变”对象。如果你想创建一个完全不可变的数据结构,比如配置对象或者枚举值,
Object.freeze()
是你的首选。

还有个

Object.preventExtensions()
,这个是最宽松的,它只阻止你添加新属性,删除和修改都还行。所以,这三者的严格程度是:
preventExtensions

为什么需要检测原型是否被密封?

在日常的JavaScript开发中,我们可能不会频繁地去检测一个原型是不是被密封了,但总有一些场景,这种检测能力会变得非常有用,甚至可以说是必要的。

一个很重要的原因是防御性编程。想象一下,你正在开发一个库或者框架,你对外暴露了一些构造函数,它们的

prototype
是你内部逻辑的关键部分。如果你不希望外部代码随意地给你的原型添加或删除属性,从而破坏你的内部机制或者引发不可预测的副作用,那么你可能会选择密封它。这时候,检测
isSealed
就能让你在某些关键操作前,确认原型的状态,避免不必要的错误。比如,你某个模块依赖于原型上某个方法的存在,如果这个方法被删除了,整个模块就可能崩溃。通过检测,你可以提前抛出错误或者采取补偿措施。

再比如,在调试复杂系统时,如果一个对象表现出奇怪的行为,比如某个属性突然不见了,或者无法添加新属性,那么检查它的原型是否被密封,可以帮助你快速定位问题。这就像是你在排查一个机器故障,发现某个零件无法拆卸或更换,你就会去检查是不是有什么特殊的锁具限制了它。

知了追踪
知了追踪

AI智能信息助手,智能追踪你的兴趣资讯

下载

另外,代码审计或安全性检查时,也可能需要关注这一点。特别是当你的代码运行在共享环境中,或者需要确保某些核心对象的完整性时,检测原型状态能提供一层额外的保障。我曾经在维护一个遗留项目时,发现有些核心对象被意外地修改了,后来才发现是某个第三方库在不经意间对原型进行了操作。如果当时有机制去检测并限制,也许就能避免很多麻烦。

密封操作对原型链上的属性查找有何影响?

这是一个非常好的问题,因为它触及到了JavaScript原型链的核心机制。简而言之,对一个原型对象执行密封操作(

Object.seal()
),并不会直接影响到通过原型链进行的属性查找行为

让我们来拆解一下:

当一个对象

obj
试图访问一个属性
prop
时,JavaScript引擎会首先在
obj
自身上查找
prop
。如果找不到,它就会沿着
obj
的原型链向上查找,直到找到
prop
或者到达原型链的顶端(
null
)。这个查找过程是只读的,它只是在“寻找”属性,而不是在“修改”任何东西。

现在,假设

MyClass.prototype
被密封了。这意味着:

  1. 你不能给
    MyClass.prototype
    添加新的属性。
  2. 你不能从
    MyClass.prototype
    删除已有的属性。
  3. 你可以修改
    MyClass.prototype
    上现有属性的值。

但这些限制都只作用于

MyClass.prototype
这个对象本身。对于那些通过
new MyClass()
创建出来的实例对象来说,它们从
MyClass.prototype
继承属性的机制并没有改变。

举个例子:

function Base() {}
Base.prototype.baseMethod = function() { return "I'm from Base"; };

Object.seal(Base.prototype); // 密封 Base 的原型

function Derived() {}
Derived.prototype = Object.create(Base.prototype); // Derived 继承自 Base 的原型
Derived.prototype.constructor = Derived;

const instance = new Derived();

// 属性查找依然正常工作
console.log(instance.baseMethod()); // "I'm from Base"

// 实例对象自身仍然可以添加新属性
instance.myOwnProperty = "hello";
console.log(instance.myOwnProperty); // "hello"

// 实例对象自身仍然可以修改继承来的属性(如果该属性在实例自身上没有,会创建新的)
instance.baseMethod = function() { return "I'm overridden in instance"; };
console.log(instance.baseMethod()); // "I'm overridden in instance" (这是在实例上创建了一个新方法,而不是修改了 Base.prototype 上的方法)
console.log(Base.prototype.baseMethod()); // "I'm from Base" (Base.prototype 上的方法未变)

你看,即使

Base.prototype
被密封了,
instance
依然能够通过原型链访问到
baseMethod
。密封只是限制了
Base.prototype
这个对象自身的结构变动,而没有影响到原型链的查找行为。它更像是一个“自我保护”机制,确保原型对象本身的完整性,而不是影响其继承者的行为自由度。所以,如果你想限制实例对象的行为,你需要对实例对象本身进行操作,或者在构造函数中进行更细致的控制。这块内容,我觉得在实际项目中,尤其是在设计复杂继承体系的时候,理解透彻了能避免很多不必要的坑。

相关专题

更多
js获取数组长度的方法
js获取数组长度的方法

在js中,可以利用array对象的length属性来获取数组长度,该属性可设置或返回数组中元素的数目,只需要使用“array.length”语句即可返回表示数组对象的元素个数的数值,也就是长度值。php中文网还提供JavaScript数组的相关下载、相关课程等内容,供大家免费下载使用。

554

2023.06.20

js刷新当前页面
js刷新当前页面

js刷新当前页面的方法:1、reload方法,该方法强迫浏览器刷新当前页面,语法为“location.reload([bForceGet]) ”;2、replace方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,不能通过“前进”和“后退”来访问已经被替换的URL,语法为“location.replace(URL) ”。php中文网为大家带来了js刷新当前页面的相关知识、以及相关文章等内容

374

2023.07.04

js四舍五入
js四舍五入

js四舍五入的方法:1、tofixed方法,可把 Number 四舍五入为指定小数位数的数字;2、round() 方法,可把一个数字舍入为最接近的整数。php中文网为大家带来了js四舍五入的相关知识、以及相关文章等内容

731

2023.07.04

js删除节点的方法
js删除节点的方法

js删除节点的方法有:1、removeChild()方法,用于从父节点中移除指定的子节点,它需要两个参数,第一个参数是要删除的子节点,第二个参数是父节点;2、parentNode.removeChild()方法,可以直接通过父节点调用来删除子节点;3、remove()方法,可以直接删除节点,而无需指定父节点;4、innerHTML属性,用于删除节点的内容。

477

2023.09.01

JavaScript转义字符
JavaScript转义字符

JavaScript中的转义字符是反斜杠和引号,可以在字符串中表示特殊字符或改变字符的含义。本专题为大家提供转义字符相关的文章、下载、课程内容,供大家免费下载体验。

394

2023.09.04

js生成随机数的方法
js生成随机数的方法

js生成随机数的方法有:1、使用random函数生成0-1之间的随机数;2、使用random函数和特定范围来生成随机整数;3、使用random函数和round函数生成0-99之间的随机整数;4、使用random函数和其他函数生成更复杂的随机数;5、使用random函数和其他函数生成范围内的随机小数;6、使用random函数和其他函数生成范围内的随机整数或小数。

990

2023.09.04

如何启用JavaScript
如何启用JavaScript

JavaScript启用方法有内联脚本、内部脚本、外部脚本和异步加载。详细介绍:1、内联脚本是将JavaScript代码直接嵌入到HTML标签中;2、内部脚本是将JavaScript代码放置在HTML文件的`<script>`标签中;3、外部脚本是将JavaScript代码放置在一个独立的文件;4、外部脚本是将JavaScript代码放置在一个独立的文件。

656

2023.09.12

Js中Symbol类详解
Js中Symbol类详解

javascript中的Symbol数据类型是一种基本数据类型,用于表示独一无二的值。Symbol的特点:1、独一无二,每个Symbol值都是唯一的,不会与其他任何值相等;2、不可变性,Symbol值一旦创建,就不能修改或者重新赋值;3、隐藏性,Symbol值不会被隐式转换为其他类型;4、无法枚举,Symbol值作为对象的属性名时,默认是不可枚举的。

551

2023.09.20

java数据库连接教程大全
java数据库连接教程大全

本专题整合了java数据库连接相关教程,阅读专题下面的文章了解更多详细内容。

20

2026.01.15

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
PHP新手语法线上课程教学
PHP新手语法线上课程教学

共13课时 | 0.9万人学习

光速学会docker容器
光速学会docker容器

共33课时 | 1.9万人学习

时间管理,自律给我自由
时间管理,自律给我自由

共5课时 | 0.8万人学习

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

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