JavaScript Handler setPrototypeOf() 方法

JavaScript 中的 handler.setPrototypeOf() 方法允许您将指定对象的原型设置为另一个对象。此方法允许您修改对象的原型，从而有效地更改其继承链。您可以使用它来动态更改对象在代码中的行为。但是，务必谨慎使用此方法，因为如果使用不当，可能会导致意外行为。此方法也是 Proxy 对象处理程序的一部分，它允许您通过为 Proxy 对象提供陷阱来修改其行为。

语法

以下是 JavaScript handler.setPrototypeOf() 方法的语法 -

new Proxy(target, {
    setPrototypeOf(target, prototype) {}
});

参数

• target − 保存目标对象。
• prototype − 对象的新原型或 null。

返回值

此方法返回布尔值，如果原型更改成功则返回 true。

示例 1

让我们看下面的示例，我们将更改对象的原型。

<html>
<style>
body {
   font-family: verdana;
   color: #DE3163;
}
</style>
<body>
<script>
const x = {};
const y = {
   a: 10
};
const z = {
   setPrototypeOf(target, prototype) {
      return Reflect.setPrototypeOf(target, prototype);
   }
};
const b = new Proxy(x, z);
z.setPrototypeOf(b, y);
document.write(b.a);
</script>
</body>
</html>

输出

如果我们执行上述程序，它将在网页上显示一段文本。

示例 2

考虑另一种我们要阻止原型更改的场景。

<html>
<style>
body {
   font-family: verdana;
   color: #DE3163;
}
</style>
<body>
<script>
const x = {};
const y = {
   a: 10
};
const z = {
   setPrototypeOf(target, prototype) {
      console.error("Prototype setting is not allowed");
      return false;
   }
};
const b = new Proxy(x, z);
z.setPrototypeOf(b, y);
document.write(b.a);
</script>
</body>
</html>

输出

执行上述脚本后，它将在网页上显示文本。

示例 3

在下面的示例中，我们将在对象发生更改时记录原型更改。

<html>
<style>
body {
   font-family: verdana;
   color: #DE3163;
}
</style>
<body>
<script>
const a = {};
const b = {
   setPrototypeOf(target, proto) {
      document.write("Prototype changed to: " + JSON.stringify(d));
      return Reflect.setPrototypeOf(target, proto);
   }
};
const c = new Proxy(a, b);
const d = {
   x: 'WELCOME'
};
Object.setPrototypeOf(c, d);
</script>
</body>
</html>

当我们执行上述代码时，它将生成由网页上显示的文本组成的输出。