JS如何判断对象原型是否可配置？

本篇文章主要是结合我之前面试的各种经历和实战开发中遇到的问题解决经验整理的，希望这篇《JS如何判断对象原型是否可删除？》对你有很大帮助！欢迎收藏，分享给更多的需要的朋友学习~

JavaScript中无法直接删除对象的原型，因为原型是对象内部的[[Prototype]]链接，而非普通属性；2. delete操作符只能删除对象自身的可配置属性，无法触及内部原型链接；3. 改变原型应使用Object.setPrototypeOf(obj, prototype)或设置__proto__（不推荐），以替换而非删除原型；4. 若需移除继承属性，应在原型对象上删除该属性，或在实例上覆盖同名属性；5. 将原型设为null可断开继承链，但这属于替换操作，且会影响所有继承方法的访问。因此，原型不可删除，只能通过修改链接或属性来实现类似效果。

在JavaScript中，你通常无法“删除”一个对象的原型，因为原型是对象内部固有的链接，而不是一个可被delete操作符直接移除的属性。delete操作符主要用于删除对象自身的、可配置的属性。如果你想改变对象的原型，或者停止它从某个原型继承，那需要采取不同的策略，而不是直接“删除”这个概念。

解决方案

要理解这个问题，我们得先明确“删除原型”这个说法本身可能存在误区。JavaScript对象的原型（即其内部的[[Prototype]]槽）是它在创建时就确立的，并且在大多数情况下，这个链接是不可直接通过delete操作符移除的。

1. delete操作符的局限性：delete操作符是用来删除对象自身的可配置属性的。它无法触及对象的内部槽（如[[Prototype]]）。当你尝试delete obj.__proto__时，你可能在删除obj自身的一个名为__proto__的属性（如果它存在且可配置），但这并不会影响到obj实际的内部原型链接。在大多数现代JavaScript引擎中，__proto__作为一个访问器属性，其删除行为并不会真正移除对象的原型链。

   

2. 改变原型而非删除：如果你想让一个对象不再从其当前原型继承，你不能“删除”它，但你可以“改变”它指向另一个原型，甚至是null。标准的方法是使用Object.setPrototypeOf()。例如，Object.setPrototypeOf(myObject, anotherPrototype)会将myObject的原型链指向anotherPrototype。如果你想让它不再有原型链（除了Object.prototype或null），你可以将其设置为null：Object.setPrototypeOf(myObject, null)。但这并非“删除”，而是“替换”或“重定向”。

3. 删除原型上的属性：如果你真正想做的是删除一个从原型链上继承下来的属性，那么你需要直接在那个原型对象上使用delete操作符。例如，如果myObject从MyConstructor.prototype继承了一个methodA，那么你需要delete MyConstructor.prototype.methodA。这样做会影响所有从MyConstructor.prototype继承的实例。

   

总而言之，判断“原型是否可删除”这个问题的答案是：作为对象的内部链接，原型不可删除。你只能通过改变链接或者删除原型对象上的属性来达到类似的目的。

深入理解JavaScript原型链：原型到底是什么？

在我看来，很多初学者对JavaScript原型链的困惑，往往源于对“原型”这个概念本身的模糊。说白了，每个JavaScript对象都有一个内部的[[Prototype]]链接，它指向另一个对象，我们称之为它的“原型”。这个链接是幕后的，你看不到，摸不着，但它却实实在在地决定了你的对象能访问哪些属性和方法。

想象一下，你有一个空盒子（你的对象），当你试图从这个盒子里拿东西（访问属性或方法）时，如果盒子里没有，它就会顺着一条看不见的线，去它的“父盒子”（原型）里找。如果父盒子里也没有，它就继续顺着父盒子的线，去更上层的“祖父盒子”里找，直到找到顶层的null（通常是Object.prototype的再上一层）。这就是原型链。

[[Prototype]]是一个内部槽位，而不是一个普通的数据属性。这意味着你不能像删除obj.someProperty那样，直接用delete obj.prototypeLink来把它清除掉。它就像对象的DNA，一旦生成，就绑定在那里，你只能尝试去修改DNA的指向，而不能说“把DNA这个概念从我身上删除”。我常常看到有人误以为obj.__proto__就是原型本身，然后尝试去删除它。但其实__proto__只是一个历史遗留的、用于访问和设置[[Prototype]]的“后门”，它本身也是一个属性，删除它并不会真正切断原型链。

为什么delete操作符不能删除对象的原型？

这其实是JavaScript设计哲学的一个体现。delete操作符的职责非常明确：它只负责删除对象自身的、可配置的属性。而对象的原型链接[[Prototype]]，它不是一个普通的、可配置的自身属性。它是一个内部的、不可枚举的、通常在对象创建时就固定的链接。

举个例子，当你创建一个对象字面量let obj = {};时，obj的[[Prototype]]就默认指向了Object.prototype。这个链接是隐式的，是语言规范的一部分，它不是obj上一个名为“原型”的属性。

如果你尝试delete obj.__proto__，会发生什么呢？这取决于__proto__在你当前环境下的实现。在现代浏览器和Node.js中，__proto__通常是一个访问器属性（getter/setter），它允许你间接访问和修改[[Prototype]]。如果你删除它，你可能只是删除了obj自身上这个访问器属性，但obj的内部[[Prototype]]链接依然存在，并且继续生效。这就像你把通往秘密花园的指示牌拆掉了，但花园本身还在，而且你依然可以通过其他方式（比如问路）找到它。

所以，delete操作符在这里显得无能为力，因为它面对的不是一个它能理解和操作的“属性”，而是一个更底层、更核心的内部机制。这让我想到，很多时候我们想用一个工具去解决一个它设计之初就没考虑到的问题，结果自然是碰壁。

改变对象的原型：Object.setPrototypeOf()与__proto__的正确用法及陷阱

既然不能“删除”，那我们能做的就是“改变”。在JavaScript中，改变一个对象运行时原型链的主要方式有两种：Object.setPrototypeOf()和通过__proto__属性（尽管后者不推荐）。

1. Object.setPrototypeOf(obj, prototype)：这是ES6引入的标准方法，用于设置一个对象的原型。它接受两个参数：要修改原型的对象obj，以及新的原型prototype（可以是另一个对象或null）。

   let parent = { a: 1 };
   let child = { b: 2 };
   console.log(child.a); // undefined
   
   Object.setPrototypeOf(child, parent);
   console.log(child.a); // 1 (现在child可以访问parent的属性了)
   
   // 如果想让它不再继承任何东西（除了Object.prototype），可以设置为null
   Object.setPrototypeOf(child, null);
   console.log(child.a); // undefined
   console.log(Object.getPrototypeOf(child)); // null
   // 注意：此时child已经不再继承Object.prototype上的方法，比如toString()
   // console.log(child.toString()); // TypeError: child.toString is not a function

   使用Object.setPrototypeOf()时，需要非常小心。它是一个相对昂贵的操作，因为它会改变对象的内部结构，可能导致V8等引擎的优化失效，从而影响性能。因此，在性能敏感的代码中，通常建议在对象创建时就确定其原型，而不是在运行时频繁修改。

2. obj.__proto__ = prototype：这个属性曾是许多JavaScript引擎私有的实现，后来在ES6中被标准化，但仍然被认为是遗留特性，不推荐在生产代码中使用。

   let parent2 = { x: 10 };
   let child2 = { y: 20 };
   child2.__proto__ = parent2; // 改变child2的原型
   console.log(child2.x); // 10

   虽然它看起来简洁，但__proto__的语义和性能行为在不同引擎和历史版本中有所差异，而且它可能会让代码的意图不那么清晰。我个人倾向于避免在新的代码中使用它，除非有非常特殊的兼容性需求。它更像是一个调试或探索的工具，而不是日常编程的利器。

所以，如果你需要改变对象的继承行为，Object.setPrototypeOf()是更推荐的标准方式，但请记住它的性能开销。而如果你的目标是让一个实例不再继承某个特定的原型属性，更常见的做法是直接在实例上定义一个同名属性（即“遮蔽”或“覆盖”），这样实例会优先访问自身的属性，而不会去原型链上查找。

以上就是本文的全部内容了，是否有顺利帮助你解决问题？若是能给你带来学习上的帮助，请大家多多支持golang学习网！更多关于文章的相关知识，也可关注golang学习网公众号。