ES6継承クラスでスーパーセッターを呼び出すことは可能ですか？

Question

次はES6仕様に準拠している場合、私は思ったんだけど：

class X { 
    constructor(name) { 
    this._name = name; 
    } 

    get name() { 
    return this._name; 
    } 

    set name(name) { 
    this._name = name + "X"; 
    } 
} 

class Y extends X { 
    constructor(name) { 
    super(name); 
    } 

    set name(name) { 
    super.name = name; 
    this._name += "Y"; 
    } 
} 

アイデアはlet y = new Y(""); y.name = "hi"がy.name === "hiXY"が真であることになるはずであるということです。

私が知る限り、これはChromeでES6フラグをオンにしても機能しません。また、es2015フラグを持つBabelを使用しても機能しません。継承されたセッターのsuper.name = ...をES6仕様の一部に使用していませんか？あるいは、これはバベルの実装におけるバグですか？

Answer 1

class Y extends X { 
    constructor(name) { 
    super(name); 
    } 

    set name(name) { 
    super.name = name; 
    this._name += "Y"; 
    } 
} 

なしゲッターで、だけセッターのためのアクセサで正しくnameを上書きします。つまり、nameのゲッターがないため、y.nameがundefinedを返すため、y.name === "hiXY"が失敗する可能性があります。あなたは必要があります：

class Y extends X { 
    constructor(name) { 
    super(name); 
    } 

    get name(){ 
    return super.name; 
    } 

    set name(name) { 
    super.name = name; 
    this._name += "Y"; 
    } 
}