如何从 JavaScript 中的基类继承静态方法？

Question

我正在尝试使用原型继承方式在 JavaScript 中实现一些基本的 OOP。但是，我找不到从基类继承静态成员（方法）的方法。

我们可以使用原型来模拟基本类模型：

SomeClass = function(){
    var private_members;

    this.public_method = function(){
        //some instance stuff..
    };
};

Class.static_method = function(){
    //some static stuff;
};

//Inheritance
SubClass = function(){ //sub-class definition };
SubClass.prototype = new Class();

但是，SubClass 不会从 Class 继承 static_method。

Answer 1

在经典 (OO) 继承模式中，静态方法实际上不会被继承下来。因此，如果您有一个静态方法，为什么不在需要时调用：SuperClass.static_method()，JavaScript 不需要保留额外的引用或相同方法的副本。

您还可以阅读此JavaScript Override Patterns 以更好地了解如何在 JavaScript 中实现继承。

Answer 2

对于 ES5，您需要使用 Object.assign 将静态方法从 BaseClass 复制到 SubClass，但对于 ES6，它应该可以在不使用 Object.assign 的情况下工作

ES5 示例

var BaseClass = function(){

}

BaseClass.sayHi = function(){
   console.log("Hi!");
}

var SubClass = function(){

}

Object.assign(SubClass , BaseClass);

BaseClass.sayHi();   //Hi
SubClass.sayHi(); //Hi

ES6 示例

class BaseClass {
   static sayHi(){
     console.log("Hi!");
   }
}

class SubClass extends BaseClass{

}

BaseClass.sayHi()   //Hi
SubClass.sayHi() //Hi

Answer 3

在您的示例代码之后，您可以这样做：

for (var i in Class) {
    SomeClass[i] = Class[i];
}

将静态成员从Class 复制到SubClass。

如果您使用的是 jQuery，请查看来自 JavaScriptMVC 的 jQuery.Class 插件。或者，您可以扩展 John Resig 的 Simple JavaScript Inheritance 以获得更多与库无关的系统。

Answer 4

试试这个：

class BaseClass {
    static baseMethod () {
        console.log("Hello from baseMethod");
    }
}

class MyClass extends BaseClass {
    constructor(props) {
        super(props);
    }
}

Object.assign(MyClass, BaseClass);

他们的关键是Object.assign，它应该是每个人最好的新朋友。您现在可以使用MyClass 从BaseClass 调用任何基本方法，如下所示：

MyClass.baseMethod();

您可以在this pen 上看到这一点。

享受吧！

Answer 5

您是如何实现“静态”方法的？由于 JavaScript 没有原生类/实例对象模型，这完全取决于您如何设计自己的类系统。

如果您希望能够继承任何东西，则必须使用SomeClass.prototype 对象，而不是将任何东西直接放在SomeClass 构造函数上。因此，本质上您将静态方法定义为普通实例方法，但不关心传递给它们的 this 的值。

Answer 6

您可以通过this.constructor[staticField]访问static fields；

class A {
  static get Foo() { return 'Foo'; }
  
  constructor() {
    console.log(`Class ${this.constructor.name}`, this.constructor.Foo);
  }
}

class B extends A {
    static get Foo() { return 'Baz'; }
}

class C extends A {}

const a = new A();
const b = new B();
const c = new C()