B 扩展 A：在 B 中设置将覆盖 get

Question

TypeScript：view on playground

class A {
    protected _name: string = ""

    set name(name: string) {
        this._name = name
    }   
    get name() {
        return this._name
    }
}

class B extends A {
    protected _name: string = ""

    set name(name: string) {
        this._name = name + "B"
    }
}

在编译的 B 类中，这将覆盖 set AND get 的定义：

Object.defineProperty(B.prototype, "name", {
    set: function (name) {
        this._name = name + "B";
    },
    enumerable: true,
    configurable: true
});

结果是，get name 不再适用于 B 类：

let b = new B()
b.name = "test"
console.log(b.name) // undefined

有没有办法从A类继承getter？

Answer 1

以下代码在 TypeScript 编译器中运行，没有任何错误：

class A {
   protected _name: string = ""

   set name(name: string) {
       this._name = name
   }   
   get name() {
       return this._name
   }
}

class B extends A {
   // Removed _name declaration here

   set name(name: string) {
       super["name"] = name + "B"      // <=== Using super here
   }
   get name() {
       return super["name"]            // <=== And here
   }
}

var b = new B();
b.name = "foo";
console.log(b.name); // "fooB"

与@Crowder 的代码的唯一区别是，我使用的是super["name"] 而不是super.name。如果您使用super.name，编译器将发出此错误：Only public and protected methods of the base class are accessible via the 'super' keyword。请注意：TypeScript 在发现错误时仍会编译，因此使用super.name 也可以，尽管有错误。