Question

我不希望我的父类太长，所以我从中分离一些方法并创建子类。

但是我不想将子类用作实例，我希望仅将其用于父类。

class Parent {
  parentMethod() {
    this.foo(); // execute from parent
  }
}

class Child extends Parent {
  foo() {
    console.log('foo!');
  }
}

const parent = new Parent();
parent.parentMethod(); // execute parent method which execute child method

原因：

未捕获的TypeError：this.foo不是函数

Answer 1

我不希望我的父类太长，所以我从中分离了一些方法

好的。

所以我创建了子类，但是我不想将子类用作实例。

不，在这里子类化是错误的方法。特别是如果您不想实例化子类，它甚至不是解决问题的方法。

要分离代码单元，请将它们分解为单独的函数。那些不需要通过继承链接到调用者，也完全不需要是类的方法。只是写

class MyClass {
  myMethod() {
    foo();
  }
}

function foo() {
  console.log('foo!');
}

const instance = new MyClass();
instance.myMethod();

或者由多个较小的助手组成对象：

class Outer {
  constructor() {
    this.helper = new Inner();
  }
  myMethod() {
    this.helper.foo();
  }
}

class Inner {
  foo() {
    console.log('foo!');
  }
}

const instance = new Outer();
instance.myMethod();

Answer 2

如果要在子类Parent类中使用Child类，则需要执行以下操作：

class Parent {
    foo() {
        console.log('foo!');
    }
}


class Child extends Parent {
    constructor() {
        super();
    }
}

let c = new Child(); //instantiate Child class
c.foo(); // here you are calling super.foo(); which is the Parent classes method for foo.
//foo!

super关键字用于访问和调用对象的函数父母。

How to use super

或者，或者，如果您希望在子类上创建一个包装foo父方法的方法，而不是通过在子构造函数中调用super来实例化父类来访问它：

class Parent {
    foo() {
        console.log('foo!');
    }
}


class Child extends Parent {
    method() {
        this.foo();
    }
}

let c = new Child();
c.method();

使用父实例在父对象中调用子方法类

2 个答案: