JavaScript 继承机制中怎么在子类中重写父类的静态属性-js教程-PHP中文网

JavaScript中不能重写但可覆盖父类静态属性：子类定义同名static属性即遮蔽父类值，访问时优先取自身；静态属性属构造函数自身，不继承，需显式声明或引用父类值扩展。

javascript 继承机制中怎么在子类中重写父类的静态属性

JavaScript 中不能直接“重写”父类的静态属性，但可以通过在子类中定义同名静态属性来覆盖（遮蔽）父类的静态属性。这种覆盖是基于原型链和属性查找机制实现的，本质是子类构造函数自身拥有了该属性，从而在访问时优先取子类自身的值。

静态属性的继承与覆盖原理

类的静态属性属于构造函数本身，而非实例或原型。当访问 SubClass.staticProp 时，JS 引擎会先在 SubClass 对象上查找，若存在则直接返回；不存在才沿 __proto__（即 SuperClass）向上查找。因此，在子类中直接赋值同名静态属性，即可实现覆盖：

静态属性不参与原型链继承（不像原型方法那样可被继承后复用）
覆盖是“遮蔽式”的：父类静态属性仍存在，但子类访问时不可见
不会影响父类构造函数自身的静态属性值

正确写法：在子类体内部直接定义

推荐在 class 声明体内使用 static 关键字定义，语义清晰且支持语法检查：

class Animal {
  static category = 'living';
}

class Dog extends Animal {
  static category = 'pet'; // ✅ 覆盖父类静态属性
  static legs = 4;
}

console.log(Animal.category); // 'living'
console.log(Dog.category);    // 'pet'（不是 'living'）
console.log(Dog.legs);        // 4

注意事项与常见误区

以下做法不可靠或不符合预期：

Java调试

通过 JDWP 实现 Java 远程调试：连接远程 JVM、设置断点、单步执行代码、查看变量值、获取调用栈。适用于需要调试远程 Java 应用、排查运行时状态、追踪代码执行流程的场景。术语注解 JDWP：Java Debug Wire Protocol，Java 调试有线协议（Java 远程调试底层通信协议） remote JVM：远程 Java 虚拟机 step through code：代码单步调试（步入 / 步过 / 步出调试） inspect variables：变量查看 / 变量检视 stac

下载

❌ 在子类外部通过 Dog.category = 'pet' 赋值 —— 虽然能工作，但破坏封装性，且 IDE/TS 可能无法识别类型
❌ 试图用 super 修改静态属性（如 super.constructor.category = ...）—— super 在静态方法中指向父类构造函数，但不能用于赋值覆盖自身静态属性
❌ 期望静态属性像原型方法一样被“继承后修改”——静态属性无自动继承，必须显式声明

需要复用父类值时的处理方式

如果想在子类静态属性中基于父类值做扩展（例如拼接、计算），可在子类中读取父类属性再定义：

class Animal {
  static category = 'living';
}

class Bird extends Animal {
  static category = Animal.category + ' & flying'; // ✅ 显式引用
  // 或：static category = super.constructor.category + ' & flying';（仅限静态方法内）
}

注意：super 在静态属性初始化中不可用，只能在静态方法或构造器中使用 super.constructor。