ES6 类的 getter 和 setter 实际上是什么?

新手上路,请多包涵

什么是 getset ES6 类定义中的方法?它们实际上是原型属性吗?例如:

 class Person{
  constructor(){};
  get name(){
    return 'jack';
  }
  set name(){
    // ???
  }
}

这是否等于 Person.prototype.name = 'jack' ?此外,我还看到了使用实例 prop 的 setter 示例,例如:

 class Person{
  constructor(){
    this._name = 'jack';
  };
  get name(){
    return this._name;
  }
  set name(val){
    this._name = val;
  }
}

我不想这样做;我想要这样的东西:

 class Person{
  constructor(){};
  get name(){
    return 'jack';
  }
  set name(val){
    // like this
    // name = val;
  }
}

可以做什么?

原文由 feiyuerenhai 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 341
1 个回答

是的,可以做到:只需删除 setter/getter 语法并在初始化期间向类添加一个属性:

 class Person{
    constructor(name){
        this.name = name;
    }
}

getter/setter 语法存在于必须基于其他属性计算的属性,例如 area 来自给定 radius 的圆的属性:

 class Circle {
    constructor (radius) {
        this.radius = radius;
    }
    get area () {
        return Math.PI * this.radius * this.radius;
    }
    set area (n) {
        this.radius = Math.sqrt(n / Math.PI);
    }
}

或者获取具有 firstNamelastName Person 的对象的全名。你明白了。

原文由 Tiago Marinho 发布,翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题