js如何获取原型链上的setter方法-js教程-PHP中文网

js如何获取原型链上的setter方法

煙雲

发布： 2025-07-29 09:48:02

原创

960人浏览过

要获取原型链上的 setter 方法，必须遍历原型链并使用 object.getownpropertydescriptor 检查每个对象的属性描述符，若 descriptor 存在且具有 set 属性，则返回该 setter 函数；2. 直接获取 setter 困难的原因是 javascript 中 setter 属于属性描述符的一部分，无法像普通属性那样直接访问；3. 原型链上同名 setter 会被子类通过 object.defineproperty 或类语法中重新定义的 set 方法覆盖；4. 判断属性是否有 setter 可通过 object.getownpropertydescriptor 检查 set 属性是否存在，但该方法仅适用于对象自身属性，无法跨越原型链，因此需结合原型链遍历才能完整查找。

js如何获取原型链上的setter方法

JavaScript 中直接获取原型链上的 setter 方法，嗯，有点棘手，但并非不可能。通常情况下，我们关注的是 getter 方法，setter 方法的存在往往隐藏得更深。核心在于，setter 实际上是属性描述符的一部分，而我们需要遍历原型链，检查每个对象的属性描述符。

解决方案：

要获取原型链上的 setter 方法，你需要遍历原型链，并使用 Object.getOwnPropertyDescriptor 来检查每个对象的属性描述符。如果属性描述符存在 set 属性，那么它就是一个 setter 方法。

function getSetterFromPrototypeChain(obj, propertyName) {
  let current = obj;

  while (current) {
    const descriptor = Object.getOwnPropertyDescriptor(current, propertyName);

    if (descriptor && descriptor.set) {
      return descriptor.set;
    }

    current = Object.getPrototypeOf(current);
  }

  return undefined; // 没有找到 setter
}

// 示例
class MyClass {
  constructor() {
    this._myProperty = 0;
  }

  set myProperty(value) {
    this._myProperty = value * 2;
  }

  get myProperty() {
    return this._myProperty;
  }
}

const instance = new MyClass();
const setter = getSetterFromPrototypeChain(instance, 'myProperty');

if (setter) {
  console.log("找到 setter 方法！");
  setter.call(instance, 10); // 调用 setter
  console.log(instance.myProperty); // 输出 20
} else {
  console.log("没有找到 setter 方法。");
}

登录后复制

为什么直接获取 setter 比较困难？

JavaScript 的设计哲学更偏向于 getter，setter 通常作为属性的一部分，而不是独立的实体。因此，没有直接的方法像 obj.propertyName 那样访问 setter。你需要深入到属性描述符层面。

原型链上的同名属性，setter 会被覆盖吗？

这取决于属性描述符的配置。如果子类定义了与父类同名的属性，并且使用了 defineProperty 显式地定义了 setter，那么子类的 setter 会覆盖父类的 setter。如果只是简单地赋值，则不会覆盖，而是会在子类实例上创建一个新的属性。

Alkaid.art

专门为Phtoshop打造的AIGC绘画插件

153

查看详情

例如：

class Parent {
  set myProperty(value) {
    console.log("Parent setter called");
    this._myProperty = value;
  }
}

class Child extends Parent {
  constructor() {
    super();
    Object.defineProperty(this, 'myProperty', {
      set: function(value) {
        console.log("Child setter called");
        this._myProperty = value * 2;
      }
    });
  }
}

const child = new Child();
child.myProperty = 10; // 输出 "Child setter called"

登录后复制

但如果 Child 没有使用 defineProperty，而是直接赋值：

class Parent {
  set myProperty(value) {
    console.log("Parent setter called");
    this._myProperty = value;
  }
}

class Child extends Parent {
  set myProperty(value) { // 这样会覆盖吗？ 不会！
    console.log("Child setter called");
    this._myProperty = value * 2;
  }
}

const child = new Child();
child.myProperty = 10; // 仍然是 "Child setter called"

登录后复制

实际上，上面的代码会报错，因为_myProperty没有被定义，但如果Parent 定义了_myProperty，那么这段代码就可以运行，并且会调用Child的setter。

如何判断一个属性是否具有 setter？

除了遍历原型链，你还可以直接使用 Object.getOwnPropertyDescriptor 获取属性描述符，然后检查 set 属性是否存在。

function hasSetter(obj, propertyName) {
  const descriptor = Object.getOwnPropertyDescriptor(obj, propertyName);
  return !!(descriptor && descriptor.set);
}

// 示例
class MyClass {
  set myProperty(value) {
    this._myProperty = value;
  }
}

const instance = new MyClass();
console.log(hasSetter(instance, 'myProperty')); // 输出 true
console.log(hasSetter(instance, 'nonExistentProperty')); // 输出 false

登录后复制

这个方法更直接，但它只能检查对象自身的属性，不能遍历原型链。因此，在需要检查原型链上的 setter 时，仍然需要使用前面提到的遍历方法。

以上就是js如何获取原型链上的setter方法的详细内容，更多请关注php中文网其它相关文章！