JavaScript/TypeScript子类用getter/setter覆盖基类属性是否合法？

问题1解答 #

在默认配置useDefineForClassFields=false的[[Set]]语义下，属性访问增强模式完全合法，应当得到TypeScript的支持。
原因很简单：SET语义下，基类的字段是通过[[Set]]操作完成实例赋值的，子类在原型上定义的getter/setter会被[[Set]]优先命中，逻辑运行完全符合开发者预期，不存在和语言行为冲突的问题。
当前一刀切的报错规则原本是为了规避[[DEFINE]]语义下的问题：当useDefineForClassFields=true时，类字段会直接在实例上定义自有属性，直接覆盖原型上的访问器，导致get/set逻辑完全不生效，这种场景下报错是合理的。但默认配置下不存在这个问题，强制报错属于误杀，不符合绝大多数存量TS/JS代码的实际使用习惯。

问题2解答 #

我在业务开发中多次使用过该模式，最常见的场景是封装带附加逻辑的实体类、表单组件模型，以下是实际使用的简化示例：

// 通用商品模型基类
class BaseGoods {
  price: number = 0
  name: string = ''
}

// 打折活动商品子类
class DiscountGoods extends BaseGoods {
  // 折扣比例，0-1之间
  discount: number = 1

  get price(): number {
    return super.price * this.discount
  }

  set price(originalPrice: number) {
    if (originalPrice < 0) {
      throw new Error('商品价格不能为负数')
    }
    super.price = originalPrice
  }
}

// 运行示例
const activityGoods = new DiscountGoods()
activityGoods.discount = 0.8 // 打8折
activityGoods.price = 100 // 原价100
console.log(activityGoods.price) // 输出80

这个场景下，我们不需要额外定义setPrice、getFinalPrice这类方法，直接操作price属性即可自动触发价格校验、折扣计算逻辑，代码更符合直觉，维护成本更低。

内容的提问来源于stack exchange，提问作者CanonicEpicure