打字稿继承

Question

我有一些关于 typescript/javascript 继承的问题。我有以下基类（快速控制器路由器）：

abstract class BaseCtrl {
  abstract model;

  // Get all
  getAll = (req, res) => {
    this.model.find({}, (err, docs) => {
      if (err) { return console.error(err); }
      res.json(docs);
    });
  };
export default BaseCtrl;

以及实现该基础的以下类：

import BaseCtrl from './base';
import Card from '../models/card';

export default class CardCtrl extends BaseCtrl {
  model = Card;

  getAll = (req, res) => {
    super.getAll(req, res);
  }

}

这段代码给了我错误：

只有基类的公共和受保护方法可以通过 super 关键字访问

我想知道如何调用超级方法。谁能帮帮我？

Answer 1

您需要将getAll 定义为正确的方法：

abstract class BaseCtrl {
    abstract model;

    // Get all
    getAll(req, res) {
        this.model.find({}, (err, docs) => {
            if (err) { return console.error(err); }
            res.json(docs);
        });
    }
};
export default BaseCtrl;

然后，您可以覆盖它：

import BaseCtrl from './base';
import Card from '../models/card';

export default class CardCtrl extends BaseCtrl {
     model = Card;

     getAll(req, res) {
       super.getAll(req, res);
     }
}

Answer 2

Working DEMO

您将getAll 定义为成员属性，但您需要将其定义为普通成员方法

Typescript 覆盖功能可与成员方法而非属性一起正常工作。

abstract class BaseCtrl {
    abstract model;    
    // Get all
    getAll (req, res) {
        this.model.find({}, (err, docs) => {
            if (err) { return console.error(err); }
            res.json(docs);
        });
    };
}

export class CardCtrl extends BaseCtrl {   
  getAll (req, res) {
    super.getAll(req, res);
  }

}

可能你在传递给路由器的时候可能需要使用getAll作为引用，所以你可能需要像cardCtrl.getAll.bind(cardCtrl);这样绑定作用域