TypeScript extends和implements区别-Toy模板网

这篇具有很好参考价值的文章主要介绍了TypeScript extends和implements区别。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

（被人理解是幸运的，但不被理解未必不幸。一个把自己的价值完全寄托于他人的理解上面的人往往并无价值。——周国平）

TypeScript extends和implements区别

extends

implements

implements是一个类实现一个接口用的关键字.实现一个接口，必须实现接口中的所有方法。

比如以下代码，定以了抽象类AbstractAnimal，然后Dog和Cat分别实现AbstractAnimal，Mouse继承AbstractAnimal，Pig继承AbstractAnimal并实现Dog, Cat。

abstract class AbstractAnimal {
  nickname = '动物';
  getData () {
    console.log('AbstractAnimal');
  };

  static staticNickname = '静态动物';
  static staticGetData () {
    console.log('staticGetData');
  }
}


class Dog implements AbstractAnimal {
  nickname: string;
  getData () {
    console.log('dog');
  }
}

class Cat implements AbstractAnimal {
  nickname: string;
  getData () {
    console.log('cat');
  }
  getSelfData () {
    console.log('get cat data');
  }
}

class Mouse extends AbstractAnimal { }

class Pig extends AbstractAnimal implements Dog, Cat {
  getSelfData (): void {
    throw new Error("Method not implemented.");
  }
}

我们也可以定义interface接口来进行多实现文章来源地址https://www.toymoban.com/news/detail-443391.html

interface IAnimal {
  nickname: string;
  getData ();
}


class Dog implements IAnimal {
  nickname: string;
  getData () {
    console.log('dog');
  }
}

class Cat implements IAnimal {
  nickname: string;
  getData () {
    console.log('cat');
  }
}