JS如何获取原型链setter方法

想要在 JavaScript 中获取原型链上的 setter 方法，是否感觉无从下手？本文深入探讨了这一略显棘手的问题，并提供了详细的解决方案。通常我们更关注 getter，但 setter 方法同样重要。由于 setter 是属性描述符的一部分，直接访问比较困难。本文将介绍如何通过遍历原型链，并结合 `Object.getOwnPropertyDescriptor` 来检查每个对象的属性描述符，从而找到所需的 setter 函数。同时，文章还解释了直接获取 setter 困难的原因，以及原型链上同名 setter 可能会被覆盖的情况，并提供了判断属性是否具有 setter 的实用方法，助你轻松掌握 JS 原型链 setter 的获取技巧。

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

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。如果只是简单地赋值，则不会覆盖，而是会在子类实例上创建一个新的属性。

例如：

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方法》的内容了。个人认为，基础知识的学习和巩固，是为了更好的将其运用到项目中，欢迎关注golang学习网公众号，带你了解更多关于JavaScript,原型链,Object.getOwnPropertyDescriptor,属性描述符,setter方法的知识点！