要让原型链上的属性不可被实例覆盖，必须使用object.defineproperty并将writable设为false；1. 使用object.defineproperty定义原型属性；2. 设置writable: false以阻止赋值修改；3. 可选设置configurable: false以锁定属性描述符；4. 在严格模式下尝试修改会抛出typeerror，非严格模式下静默失败；5. 实例无法创建同名自身属性来遮蔽该原型属性，从而确保属性的稳定性和代码的健壮性。
在JavaScript中，要让原型链上的属性不可被实例覆盖（或者说，让实例无法通过赋值操作来创建同名自身属性从而“遮蔽”原型属性），核心方法是利用
Object.defineProperty
来定义这些原型属性，并将其
writable
特性设置为
false
。
解决方案
如果你想在原型上定义一个属性，并且不希望实例能够通过简单的赋值操作来修改或“覆盖”它，你需要使用
Object.defineProperty
。这个方法允许你对属性的各种特性进行精细控制，其中就包括
writable
（可写性）。当
writable
被设置为
false
时，该属性就不能通过赋值运算符重新赋值。
function MyClass() { // 构造函数}// 在原型上定义一个不可覆盖的属性Object.defineProperty(MyClass.prototype, 'immutableProp', { value: '这是一个不可修改的原型属性', writable: false, // 关键：设置为不可写 enumerable: true, // 可枚举（可选，根据需求） configurable: false // 不可配置（可选，设置为true则允许后续修改writable等特性，设置为false则彻底锁定）});const instance1 = new MyClass();const instance2 = new MyClass();console.log(instance1.immutableProp); // 输出: 这是一个不可修改的原型属性// 尝试修改这个属性try { instance1.immutableProp = '尝试修改'; // 在非严格模式下会静默失败，在严格模式下会抛出TypeError console.log(instance1.immutableProp); // 仍然输出: 这是一个不可修改的原型属性} catch (e) { console.error("修改失败，因为属性是不可写的:", e.message);}// 验证实例上是否创建了同名属性console.log(Object.prototype.hasOwnProperty.call(instance1, 'immutableProp')); // 输出: false
在这个例子里，
instance1.immutableProp = '尝试修改'
这行代码并不会在
instance1
自身上创建
immutableProp
属性，也不会修改原型上的
immutableProp
。原型上的属性依然保持原样，这正是我们想要达到的“不可覆盖”效果。
为什么我们需要让原型链上的属性不可覆盖？
这其实是个很有意思的设计选择，在我看来，它主要服务于几个核心目的。首先，是为了维护API的稳定性与一致性。想象一下，你开发了一个库或者一个框架，其中有一些核心方法或者常量是定义在原型上的，它们是整个系统运行的基础。如果你允许用户随意地在实例上“覆盖”这些属性，那么每个实例的行为就可能变得不可预测，甚至导致程序逻辑混乱。这就像是给你的工具箱里最关键的螺丝刀上了锁，确保它永远是那个样子，不会被某个粗心的使用者不小心磨平了头。
其次，这关乎代码的健壮性和可维护性。当一个属性被声明为不可覆盖时，开发者就能清楚地知道，这个属性的行为是固定的，不需要担心某个地方的赋值操作会意外改变它的含义。这减少了潜在的bug，也让未来的代码重构变得更加安全。我个人在写一些核心模块时，如果某个原型方法是内部逻辑的基石，我通常会倾向于让它“固若金汤”，避免外部的干扰。
最后，它也能在一定程度上提供轻量级的“安全”保障。虽然JavaScript本身没有严格的访问控制修饰符，但通过
writable: false
，我们至少能阻止外部代码对特定属性的意外或恶意修改，确保某些核心数据或行为的完整性。这并不是什么高强度的安全措施，但在防止一些常见的误操作方面，确实挺管用的。说白了，就是让你的代码更“皮实”一点。
使用Object.defineProperty设置不可覆盖属性的具体步骤和注意事项
Object.defineProperty
是JavaScript中一个非常强大的方法，它允许我们精确地定义或修改一个对象的属性。要让原型链上的属性不可覆盖，关键在于理解并正确设置其属性描述符。
具体步骤如下：
确定目标对象：对于原型链上的属性，目标对象通常是构造函数的
prototype
属性，例如
MyClass.prototype
。
选择属性名：你想要定义或修改的属性的名称，比如
'immutableProp'
。
配置属性描述符：这是一个对象，里面包含了一系列特性（attributes）。
value
: 属性的实际值。这是最直观的部分，就是你希望这个属性是什么。
writable
: 核心。设置为
false
。这意味着属性的值不能被赋值运算符 (
=
) 改变。如果尝试在非严格模式下修改它，操作会静默失败；在严格模式下，会抛出
TypeError
。
enumerable
: 设置为
true
或
false
。
true
表示该属性可以通过
for...in
循环或
Object.keys()
枚举出来；
false
则不能。这取决于你是否希望这个属性是“可见”的。通常，如果你希望它像普通属性一样被发现，就设为
true
。
configurable
: 设置为
true
或
false
。
false
：一旦设置为
false
，这个属性的描述符就不能再被修改了（包括
writable
、
enumerable
）。同时，该属性也不能被删除。这意味着你一旦定义了它，就几乎是“板上钉钉”了。
true
：允许后续通过
defineProperty
再次修改其
writable
、
enumerable
等特性，也可以删除该属性。
代码示例与注意事项：
'use strict'; // 开启严格模式，以便看到错误提示function Gadget() {}Object.defineProperty(Gadget.prototype, 'version', { value: '1.0.0', writable: false, enumerable: true, configurable: false // 一旦设置为false，这个属性就不能被删除，也不能改变其writable状态});Object.defineProperty(Gadget.prototype, 'secretKey', { value: 'shhh', writable: false, enumerable: false, // 不可枚举，避免被for...in发现 configurable: true // 可配置，意味着未来可以修改其writable状态或删除它});const myGadget = new Gadget();console.log(myGadget.version); // "1.0.0"console.log(myGadget.secretKey); // "shhh"// 尝试修改 version (writable: false, configurable: false)try { myGadget.version = '2.0.0';} catch (e) { console.error("修改 version 失败:", e.message); // 在严格模式下会抛出 TypeError}console.log(myGadget.version); // 仍然是 "1.0.0"// 尝试删除 version (configurable: false)try { delete myGadget.version; // 尝试删除实例上的属性 delete Gadget.prototype.version; // 尝试删除原型上的属性} catch (e) { console.error("删除 version 失败:", e.message); // 严格模式下删除不可配置属性会抛出 TypeError}console.log(myGadget.version); // 仍然是 "1.0.0"// 尝试修改 secretKey (writable: false, configurable: true)try { myGadget.secretKey = 'new_shhh';} catch (e) { console.error("修改 secretKey 失败:", e.message); // 严格模式下会抛出 TypeError}console.log(myGadget.secretKey); // 仍然是 "shhh"// 尝试重新定义 secretKey 的 writable 状态 (configurable: true)Object.defineProperty(Gadget.prototype, 'secretKey', { writable: true // 允许重新配置});myGadget.secretKey = 'new_shhh_now_writable';console.log(myGadget.secretKey); // "new_shhh_now_writable"
注意事项：
严格模式的重要性：在非严格模式下，对不可写属性的赋值操作会静默失败，这可能导致难以发现的bug。强烈建议在需要这种精细控制的场景下使用严格模式。
configurable: false
的影响：一旦一个属性被设置为
configurable: false
，它就不能再被删除，也不能再改变它的任何描述符（包括
writable
、
enumerable
和
value
）。这意味着你做了一个“不可逆”的决定。所以，在使用这个特性时，需要非常确定你的设计。性能考量：虽然
defineProperty
提供了强大的控制力，但它比直接赋值要稍微复杂一些，在极度性能敏感的场景下可能需要权衡。不过，对于大多数应用而言，这点性能开销可以忽略不计。继承与覆盖：这里说的“不可覆盖”是指实例无法通过赋值操作在自身创建同名属性来“遮蔽”原型属性。如果原型链上层有同名属性，下层仍然可以定义一个不可写的属性来遮蔽上层。但我们通常关注的是实例对原型属性的遮蔽。
Object.freeze和Object.seal对原型链属性的影响与区别
除了针对单个属性使用
Object.defineProperty
来控制其可写性之外，JavaScript还提供了
Object.freeze()
和
Object.seal()
这两个方法，它们可以作用于整个对象，从而间接影响其上的属性，包括原型对象本身。理解它们与
defineProperty
的区别，对于构建健壮的对象模型非常重要。
Object.freeze()
Object.freeze()
方法可以冻结一个对象。一个被冻结的对象是不可变的：
不能添加新属性。不能删除已有属性。不能修改已有属性的枚举性、可配置性或可写性。不能修改已有属性的值。
如果我们将一个原型对象冻结，那么该原型对象上的所有属性都将变得不可写、不可配置，并且不能被删除。这意味着，任何实例都无法通过赋值操作来“覆盖”这些原型属性，因为原型上的属性本身都不能被修改了。
function FrozenGadget() {}FrozenGadget.prototype.version = '1.0.0';FrozenGadget.prototype.serialNumber = 'ABC-123';// 冻结原型对象Object.freeze(FrozenGadget.prototype);const myFrozenGadget = new FrozenGadget();console.log(myFrozenGadget.version); // "1.0.0"try { myFrozenGadget.version = '2.0.0'; // 尝试修改原型属性} catch (e) { console.error("修改冻结原型属性失败:", e.message); // 严格模式下抛出 TypeError}console.log(myFrozenGadget.version); // 仍然是 "1.0.0"// 尝试添加新属性到原型try { FrozenGadget.prototype.newProp = 'new';} catch (e) { console.error("向冻结原型添加属性失败:", e.message); // 严格模式下抛出 TypeError}console.log(FrozenGadget.prototype.newProp); // undefined// 尝试删除原型属性try { delete FrozenGadget.prototype.serialNumber;} catch (e) { console.error("删除冻结原型属性失败:", e.message); // 严格模式下抛出 TypeError}console.log(FrozenGadget.prototype.serialNumber); // "ABC-123"
Object.freeze()
是最严格的不可变性措施，它确保了对象本身及其直接属性的完整性。
Object.seal()
Object.seal()
方法可以封闭一个对象。一个被封闭的对象：
不能添加新属性。不能删除已有属性。可以修改已有属性的值（如果它们是可写的）。不能改变已有属性的枚举性或可配置性（所有属性都变为不可配置）。
如果我们将一个原型对象封闭，那么该原型对象上的所有属性都将变得不可配置，并且不能被删除，但它们的值如果原本是可写的，则仍然可以被修改。
function SealedGadget() {}SealedGadget.prototype.status = 'active';SealedGadget.prototype.id = 'XYZ-456';// 封闭原型对象Object.seal(SealedGadget.prototype);const mySealedGadget = new SealedGadget();console.log(mySealedGadget.status); // "active"// 尝试修改 status (值可修改，但属性描述符不可配置)mySealedGadget.status = 'inactive'; // 这次可以修改成功，因为值是可写的console.log(mySealedGadget.status); // "inactive"// 尝试添加新属性到原型try { SealedGadget.prototype.newProp = 'new';} catch (e) { console.error("向封闭原型添加属性失败:", e.message); // 严格模式下抛出 TypeError}console.log(SealedGadget.prototype.newProp); // undefined// 尝试删除原型属性try { delete SealedGadget.prototype.id;} catch (e) { console.error("删除封闭原型属性失败:", e.message); // 严格模式下抛出 TypeError}console.log(SealedGadget.prototype.id); // "XYZ-456"
影响与区别总结：
粒度：
Object.defineProperty
：针对单个属性进行精细控制（可写性、可枚举性、可配置性）。
Object.freeze()
/
Object.seal()
：作用于整个对象，影响其所有直接属性。可写性：
defineProperty
(
writable: false
)：使特定属性不可写。
Object.freeze()
：使对象所有属性都不可写。
Object.seal()
：不直接影响属性的可写性，如果属性本来是可写的，它仍然是可写的。可配置性：
defineProperty
(
configurable: false
)：使特定属性不可配置。
Object.freeze()
：使对象所有属性都不可配置。
Object.seal()
：使对象所有属性都不可配置。扩展性：
defineProperty
：不直接影响对象的扩展性（是否能添加新属性）。
Object.freeze()
：使对象不可扩展（不能添加新属性）。
Object.seal()
：使对象不可扩展（不能添加新属性）。
何时使用：
如果你只需要让原型上的某个特定属性不可被实例“覆盖”或修改，而其他属性保持默认行为，那么
Object.defineProperty
是最佳选择，它提供了最细粒度的控制。如果你希望整个原型对象及其所有属性都变得完全不可变（不能修改、不能添加、不能删除），那么
Object.freeze()
是你的首选。这在设计一些核心、不允许任何变动的基类或工具类时非常有用。如果你希望原型对象不能添加或删除属性，但允许修改现有属性的值，那么
Object.seal()
更合适。这可能适用于那些结构固定但内容可能变化的配置对象。
在我看来，这三者各有侧重。
defineProperty
是“外科手术刀”，精准而有效。而
freeze
和
seal
更像是“整体防护罩”，它们在不同程度上限制了整个对象的行为。选择哪一个，完全取决于你对原型对象及其属性的控制需求有多严格。
以上就是js怎么让原型链上的属性不可覆盖的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1515104.html
微信扫一扫 
支付宝扫一扫 
