当前位置:首页 > 科技  > 软件

如何在 TypeScript 中使用类和继承

来源: 责编: 时间:2023-10-18 17:58:37 391观看
导读“TypeScript是一种编程语言,它是JavaScript的超集。它通过添加静态类型、类、接口和模块等功能来扩展JavaScript”class Hero { name: string; age: number; constructor(name: string, age: number) { this.na

3MW28资讯网——每日最新资讯28at.com

TypeScript是一种编程语言,它是JavaScript的超集。它通过添加静态类型、类、接口和模块等功能来扩展JavaScript3MW28资讯网——每日最新资讯28at.com

3MW28资讯网——每日最新资讯28at.com

class Hero {  name: string;  age: number;  constructor(name: string, age: number) {    this.name = name;    this.age = age;  }  say(): void {    console.log(`my name is ${this.name}`);  }}

在上面的代码中,我们定义了一个名为Hero的类,它具有name和age属性,以及一个say方法。构造函数用于初始化对象的属性。3MW28资讯网——每日最新资讯28at.com

3MW28资讯网——每日最新资讯28at.com

通过类的定义,我们可以创建多个具有相同属性和行为的对象,实现代码的复用和封装。3MW28资讯网——每日最新资讯28at.com

const Jieke = new Hero('jieke', 28)Jieke.say();  // 输出:my name is jieke

继承和子类

在面向对象编程中,继承是一种重要的概念。通过继承,我们可以创建一个类的子类(也称为派生类),并继承其属性和方法。子类可以扩展或修改父类的功能,从而实现代码的重用和扩展3MW28资讯网——每日最新资讯28at.com

在TypeScript中,我们使用extends关键字来指定一个类继承自另一个类3MW28资讯网——每日最新资讯28at.com

class Superman extends Hero {  heroId: string;  constructor(name: string, age: number, heroId: string) {    super(name, age);    this.heroId = heroId;  }  skill(): void {    console.log(`${this.name}_${this.heroId}.`);  }}

我们定义了一个名为Superman的子类,它继承自Hero父类。子类具有自己的属性heroId,并通过调用super关键字来调用父类的构造函数。3MW28资讯网——每日最新资讯28at.com

创建子类的实例与创建父类的实例类似:3MW28资讯网——每日最新资讯28at.com

const s1 = new Superman("Batman", 20, "12345");s1.say();  // 输出:my name is Batmans1.skill();  // 输出:Batman_12345

限制类的属性和方法的访问

在TypeScript中,我们可以使用访问修饰符来限制类的属性和方法的访问。以下是几个常用的访问修饰符3MW28资讯网——每日最新资讯28at.com

  • public(默认):可以在类内部和外部访问。
  • private:只能在类内部访问。
  • protected:可以在类内部和子类中访问,但不能在类外部访问。

通过使用访问修饰符,我们可以控制类的成员的可见性,增强了封装性和安全性3MW28资讯网——每日最新资讯28at.com

class Person {  public name: string;  private age: number;  protected gender: string;  constructor(name: string, age: number, gender: string) {    this.name = name;    this.age = age;    this.gender = gender;  }  say() {    console.log(`Hi, my name is ${this.name}.`);  }  private sayAge() {    console.log(`I am ${this.age} years old.`);  }}class Student extends Person {  constructor(name: string, age: number, gender: string) {    super(name, age, gender);  }  sayGender() {    console.log(`My gender is ${this.gender}.`);  }}const person = new Person("Tom", 18, "male");console.log(person.name); // "Tom"console.log(person.age); // Error: Property 'age' is private and only accessible within class 'Person'.console.log(person.gender); // Error: Property 'gender' is protected and only accessible within class 'Person' and its subclasses.const student = new Student("Jane", 20, "female");console.log(student.gender); // "female"

抽象类

在TypeScript中,我们还可以使用抽象类(abstract class)来定义一个不可实例化的基类。抽象类提供了一种模板,用于派生其他类,并定义了一些必须由子类实现的抽象方法。抽象类不能被直接实例化,只能被继承3MW28资讯网——每日最新资讯28at.com

以下是一个抽象类的示例:3MW28资讯网——每日最新资讯28at.com

abstract class Role {    // 定义抽象属性    abstract name:string;     abstract age:number;    // 定义保护属性,每个继承子类都能继承并调用的属性    protected lastPoint!: {x:number,y:number};    protected status!: "run" | "risk" | "die";    // 定义保护方法,每个继承子类都能继承并调用的方法    protected getLastPoint (lastPoint:{x:number,y:number}) {        this.lastPoint = lastPoint;    }    // 定义抽象方法,在子类中重写来执行不同的任务    abstract attack():void;}

继承抽象类的子类实例化对象通过调用同一抽象类规定的抽象方法,来实现了不同的操作,体现了类的多态3MW28资讯网——每日最新资讯28at.com

class antor extends Role {    // 重写抽象属性    name: string = "han";    age: string = 20;    // 重写抽象方法    attack(): void {        console.log("正在被攻击");    }    constructor () {        super();    }}


3MW28资讯网——每日最新资讯28at.com

本文链接:http://www.28at.com/showinfo-26-14000-0.html如何在 TypeScript 中使用类和继承

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。邮件:2376512515@qq.com

上一篇: 如何让你的Node.js应用程序处理数百万的API请求

下一篇: 如何通过 REST API 和 Spring MVC 提取电视节目详细信息?

标签:
  • 热门焦点
  • K60 Pro官方停产 第三方瞬间涨价

    虽然没有官方宣布,但Redmi的一些高管也已经透露了,Redmi K60 Pro已经停产且不会补货,这一切都是为了即将到来的K60 Ultra铺路,属于厂家的正常操作。但有意思的是该机在停产之后
  • 小米官宣:2023年上半年出货量中国第一!

    今日早间,小米电视官方微博带来消息,称2023年小米电视上半年出货量达到了中国第一,同时还表示小米电视的巨屏风暴即将开始。“公布一个好消息2023年#小米电视上半年出货量中国
  • 2023 年的 Node.js 生态系统

    随着技术的不断演进和创新,Node.js 在 2023 年达到了一个新的高度。Node.js 拥有一个庞大的生态系统,可以帮助开发人员更快地实现复杂的应用。本文就来看看 Node.js 最新的生
  • SpringBoot中使用Cache提升接口性能详解

    环境:springboot2.3.12.RELEASE + JSR107 + Ehcache + JPASpring 框架从 3.1 开始,对 Spring 应用程序提供了透明式添加缓存的支持。和事务支持一样,抽象缓存允许一致地使用各
  • 三万字盘点 Spring 九大核心基础功能

    大家好,我是三友~~今天来跟大家聊一聊Spring的9大核心基础功能。话不多说,先上目录:图片友情提示,本文过长,建议收藏,嘿嘿嘿!一、资源管理资源管理是Spring的一个核心的基础功能,不
  • 品牌洞察丨服务本地,美团直播成效几何?

    来源:17PR7月11日,美团App首页推荐位出现“美团直播”的固定入口。在直播聚合页面,外卖“神枪手”直播间、美团旅行直播间、美团买菜直播间等均已上线,同时
  • 小米MIX Fold 3下月亮相:今年唯一无短板的全能折叠屏

    这段时间以来,包括三星、一加、荣耀等等有不少品牌旗下的最新折叠屏旗舰都有新的进展,其中荣耀、三星都已陆续发布了最新的折叠屏旗舰,尤其号荣耀Magi
  • iQOO Neo8 Pro即将开售:到手价3099元起 安卓性能最强旗舰

    5月23日,iQOO如期举行了新品发布会,全新的iQOO Neo8系列也正式与大家见面,包含iQOO Neo8和iQOO Neo8 Pro两个版本,其中标准版搭载高通骁龙8+,而Pro版更
  • 电博会与软博会实现"线下+云端"的双线融合

    在本次“电博会”与“软博会”双展会利好条件的加持下,既可以发挥展会拉动人流、信息流、资金流实现快速交互流动的作用,继而推动区域经济良性发展;又可以聚
Top