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关键字
访问基类的公共和受保护方法

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

那样绑定范围

打字稿继承

2 个答案: