代码之家 › 专栏 › 技术社区 › TAGraves

是否可以在ES6继承类中调用超级setter?

ecmascript-6 babeljs javascript

TAGraves · 技术社区 · 10 年前

我想知道以下内容是否符合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" 是真的。

据我所知,这在启用ES6标志的Chrome中不起作用 es2015 旗帜正在使用 super.name = ... 不是ES6规范的一部分?或者这是Babel实现中的一个错误?

1 回复 | 直到 10 年前

loganfsmyth 10 年前

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

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

将覆盖 name 正确使用的访问者只是 setter,没有getter。这意味着你 y.name === "hiXY" 将失败,因为 y.name 将返回 undefined 因为没有吸气剂 名称 。您需要:

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

  get name(){
    return super.name;
  }

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

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前