0

0

js如何让对象无法修改原型

小老鼠

小老鼠

发布时间:2025-08-03 11:50:01

|

496人浏览过

|

来源于php中文网

原创

要让一个javascript对象的原型链连接无法被修改,最直接有效的方法是使用object.freeze()使其不可扩展。1. 通过object.setprototypeof()设置对象的初始原型;2. 使用object.freeze()冻结对象,使其不可扩展、不可配置且不可写;3. 此后任何尝试通过object.setprototypeof()修改原型的操作都会抛出typeerror,从而确保原型链稳定。该方法之所以有效,是因为object.setprototypeof()要求目标对象必须可扩展,而freeze()移除了这一特性。此外,为实现更全面的继承稳定性,还可结合object.create(null)创建无原型对象,或冻结原型对象本身以防止其属性被修改。这种机制在防范原型链污染攻击、保护库框架核心对象、提升引擎优化效率及构建不可变系统时尤为重要,能有效保障对象结构的确定性和运行时的安全性。

js如何让对象无法修改原型

要让一个JavaScript对象的原型链连接无法被修改,最直接有效的方法是让该对象变为“不可扩展”。一旦一个对象被设置为不可扩展,它的内部

[[Prototype]]
槽位(也就是它指向哪个原型对象)就不能再通过
Object.setPrototypeOf()
等方式改变了。这相当于锁定了它继承的源头。

js如何让对象无法修改原型

解决方案

要让一个JavaScript对象的原型链连接无法被修改,核心在于使其“不可扩展”。

Object.freeze()
是其中最严格的方式,它不仅使对象不可扩展,还阻止了属性的添加、删除和修改,从而全面锁定了对象的结构及其原型链的指向。

const myLockedObject = {};
const initialPrototype = {
  get info() { return "This is the original prototype."; },
  doSomething() { console.log("Doing something from prototype."); }
};

// 1. 设置初始原型
Object.setPrototypeOf(myLockedObject, initialPrototype);
// 此时 myLockedObject 继承了 initialPrototype 的方法和属性

// 2. 冻结对象,使其原型链无法被修改
Object.freeze(myLockedObject);

// 3. 尝试修改原型,这会失败并抛出错误
try {
  Object.setPrototypeOf(myLockedObject, { newInfo: "New prototype." });
} catch (e) {
  // 在严格模式下,尝试修改一个不可扩展对象的原型会抛出 TypeError。
  // console.error("无法修改冻结对象的原型:", e.message);
}

// 此时 myLockedObject 的原型仍然是 initialPrototype,无法被更改
// Object.getPrototypeOf(myLockedObject) === initialPrototype; // 结果为 true

为什么常规的对象原型修改方法会失效?

当我们谈论修改JavaScript对象的原型时,通常指的是改变其内部的

[[Prototype]]
槽位,让它指向另一个对象。历史上,我们可能用过非标准的
__proto__
属性来做这件事,但这东西现在基本不推荐直接使用了,因为它效率不高,而且行为有些古怪。现代且标准的方法是
Object.setPrototypeOf()

js如何让对象无法修改原型

Object.setPrototypeOf()
这个方法,它在设计上就有一个前提:目标对象必须是“可扩展”的(extensible)。所谓“可扩展”,就是指可以向对象添加新的属性。而
Object.preventExtensions()
Object.seal()
Object.freeze()
这三个方法,它们的作用之一就是让对象变得不可扩展。

Object.preventExtensions(obj)
:让
obj
变得不可扩展,不能添加新属性。
Object.seal(obj)
:在
preventExtensions
的基础上,还把所有现有属性标记为不可配置(non-configurable),意味着你不能删除它们,也不能改变它们的enumerable或writable特性。
Object.freeze(obj)
:这是最严格的,它在
seal
的基础上,还把所有现有属性标记为不可写(non-writable),基本上就是让对象变成完全的常量。

js如何让对象无法修改原型

所以,一旦你对一个对象调用了

Object.preventExtensions()
Object.seal()
Object.freeze()
,它就失去了“可扩展”的特性。这时候,如果你再尝试用
Object.setPrototypeOf()
去改变它的原型,JavaScript引擎就会检测到这个对象是不可扩展的,然后直接抛出一个
TypeError
。我个人觉得,这设计得挺巧妙的,它提供了一种从根本上锁定对象结构和继承链的机制,避免了运行时意外的结构变动。这不仅仅是防止了原型链被篡改,更是对对象整体稳定性的一种保障。

除了锁定原型链,还有哪些方法可以确保对象“继承”的稳定性?

锁定一个对象的原型链连接,是确保其继承行为稳定的一个重要方面。但“继承的稳定性”这个概念其实可以更广义地理解,它还包括了对原型对象本身的保护,以及在创建对象时就确定其继承关系。

首先,最直接的,如果你压根不希望一个对象有任何继承自

Object.prototype
的东西,比如你只是想把它当成一个纯粹的字典来用,那么
Object.create(null)
就是你的好朋友。它会创建一个没有原型的对象,意味着它不会从
Object.prototype
继承任何方法,比如
toString
hasOwnProperty
等。这在某些场景下非常有用,比如避免原型链污染攻击,或者仅仅是为了一个更“干净”的对象。

PixVerse
PixVerse

PixVerse是一款强大的AI视频生成工具,可以轻松地将多种输入转化为令人惊叹的视频。

下载
const pureDictionary = Object.create(null);
// console.log(pureDictionary.toString()); // 会报错,因为没有toString方法

其次,如果你希望对象从一开始就拥有一个特定的、不可变的原型,你可以在创建时就指定它,然后把这个原型对象本身也冻结起来。

const immutableProto = {
  fixedMethod() { console.log("This method cannot be changed."); }
};
Object.freeze(immutableProto); // 冻结原型对象本身

const myObjectWithFixedProto = Object.create(immutableProto);
// myObjectWithFixedProto 的原型是 immutableProto,且 immutableProto 的属性也无法修改
// try { immutableProto.fixedMethod = () => {}; } catch (e) { console.error(e.message); } // 报错

这种做法是双重保险:不仅对象本身的原型链连接是固定的(如果

myObjectWithFixedProto
也被冻结),连它所指向的原型对象内部的属性和方法也是不可变的。在我看来,这才是真正意义上的“继承稳定性”——不仅指向不变,所指的内容也不变。这在构建一些核心库或框架时,对保证内部机制的健壮性非常有帮助。它体现了一种“防御性编程”的思想,尽可能地减少运行时可能出现的副作用。

什么时候我们真正需要固定一个对象的原型?应用场景分析。

固定一个对象的原型,听起来可能有点“过度保护”,但在某些特定场景下,它却是至关重要的,甚至关乎系统的安全性和稳定性。

一个非常典型的场景就是安全性,尤其是防范原型链污染攻击。在一些Node.js应用或前端框架中,如果代码不严谨,攻击者可能会通过构造特定的JSON数据或URL参数,利用某些库的漏洞,向

Object.prototype
注入恶意属性。一旦
Object.prototype
被污染,所有从它继承的对象(几乎所有普通JavaScript对象)都会受到影响,这可能导致远程代码执行、信息泄露等严重的安全问题。虽然直接锁定
Object.prototype
不现实,但对于一些关键的、由用户输入或外部数据构建的对象,如果它们的原型被意外修改,也可能带来不可预测的行为。在这种情况下,确保某些核心对象或配置对象的原型不被篡改,是一种有效的防御手段。

另一个重要的应用场景是库和框架的内部机制保障。如果你在开发一个JavaScript库或框架,其中有一些内部使用的对象,它们的设计和行为依赖于特定的原型链。为了防止库的使用者(无论是无意还是有意)篡改这些内部对象的原型,从而破坏库的预期行为,你可能会选择锁定这些对象的原型。这就像是给你的核心组件穿上了一层“铠甲”,确保它们在复杂的外部环境中依然能稳定运行。我见过一些大型应用,在核心模块里会特意做这种处理,以确保其内部状态和逻辑的纯粹性。

此外,在性能优化方面,虽然不是直接原因,但稳定的对象结构和原型链对JavaScript引擎的优化是有利的。V8等现代JavaScript引擎会进行大量的即时编译(JIT)优化,其中就包括对对象形状(shape)和隐藏类(hidden class)的推断。如果一个对象的原型链在运行时频繁变动,可能会导致引擎无法进行有效的优化,从而影响性能。锁定原型链,有助于引擎更好地预测对象的行为,从而应用更激进的优化策略。

最后,对于一些不可变数据结构的实现,虽然通常是通过创建新对象而非修改现有对象来达到不可变性,但“锁定原型”的思想也与此相契合。它强调的是一种确定性和可预测性:一旦对象被创建并其原型被确定,它就应该保持这种状态,不被外部因素轻易改变。这在构建复杂的状态管理系统时,可以极大地简化调试和推理的难度。

热门AI工具

更多
DeepSeek
DeepSeek

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

豆包大模型
豆包大模型

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

WorkBuddy
WorkBuddy

腾讯云推出的AI原生桌面智能体工作台

腾讯元宝
腾讯元宝

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

文心一言
文心一言

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

讯飞写作
讯飞写作

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

即梦AI
即梦AI

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

ChatGPT
ChatGPT

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

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

457

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

549

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

337

2023.10.13

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

82

2025.09.10

c语言中null和NULL的区别
c语言中null和NULL的区别

c语言中null和NULL的区别是:null是C语言中的一个宏定义,通常用来表示一个空指针,可以用于初始化指针变量,或者在条件语句中判断指针是否为空;NULL是C语言中的一个预定义常量,通常用来表示一个空值,用于表示一个空的指针、空的指针数组或者空的结构体指针。

254

2023.09.22

java中null的用法
java中null的用法

在Java中,null表示一个引用类型的变量不指向任何对象。可以将null赋值给任何引用类型的变量,包括类、接口、数组、字符串等。想了解更多null的相关内容,可以阅读本专题下面的文章。

1089

2024.03.01

java基础知识汇总
java基础知识汇总

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

1570

2023.10.24

treenode的用法
treenode的用法

​在计算机编程领域,TreeNode是一种常见的数据结构,通常用于构建树形结构。在不同的编程语言中,TreeNode可能有不同的实现方式和用法,通常用于表示树的节点信息。更多关于treenode相关问题详情请看本专题下面的文章。php中文网欢迎大家前来学习。

550

2023.12.01

TypeScript类型系统进阶与大型前端项目实践
TypeScript类型系统进阶与大型前端项目实践

本专题围绕 TypeScript 在大型前端项目中的应用展开,深入讲解类型系统设计与工程化开发方法。内容包括泛型与高级类型、类型推断机制、声明文件编写、模块化结构设计以及代码规范管理。通过真实项目案例分析,帮助开发者构建类型安全、结构清晰、易维护的前端工程体系,提高团队协作效率与代码质量。

26

2026.03.13

热门下载

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

精品课程

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

共23课时 | 4.4万人学习

C# 教程
C# 教程

共94课时 | 11.3万人学习

Java 教程
Java 教程

共578课时 | 82.1万人学习

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

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