打字稿继承

Question

我对打字稿/ 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关键字只能访问基类的公共方法和受保护的方法

我想知道如何调用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

工作演示

您将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 class CardCtrl extends BaseCtrl {   
  getAll (req, res) {
    super.getAll(req, res);
  }

}

可能在传递到路由器时可能需要使用getAll作为参考，因此可能需要绑定此cardCtrl.getAll.bind(cardCtrl);这样的作用域cardCtrl.getAll.bind(cardCtrl);