TypeScript 从入门到进阶之基础篇(九) Class类篇

请添加图片描述

系列文章目录

TypeScript 从入门到进阶系列

  1. TypeScript 从入门到进阶之基础篇(一) ts基础类型篇
  2. TypeScript 从入门到进阶之基础篇(二) ts进阶类型篇
  3. TypeScript 从入门到进阶之基础篇(三) 元组类型篇
  4. TypeScript 从入门到进阶之基础篇(四) symbol类型篇
  5. TypeScript 从入门到进阶之基础篇(五) 枚举类型篇
  6. TypeScript 从入门到进阶之基础篇(六) 类型（断言 、推论、别名）| 联合类型 | 交叉类型 篇
  7. TypeScript 从入门到进阶之基础篇(七)泛型篇
  8. TypeScript 从入门到进阶之基础篇(八)函数篇
    持续更新中…

文章目录

  • 系列文章目录
  • TypeScript 从入门到进阶系列
  • 前言
  • 一、class类的基本使用
  • 二、class类中的修饰符
  • 三、class类中存取器的使用
  • 四、用接口定义类
  • 五、类的继承
  • 六、抽象类的使用
  • 总结

前言

在JavaScript中class（类）是一种组织代码的方式，它允许我们创建对象和对象的行为。它是一种面向对象编程（OOP）的概念，在ES6中被引入，通过class关键字，可以定义类。使用class关键字可以定义类，通过类可以创建多个实例对象。本章将讲解如何在TypeScript 中使用class（类）。

一、class类的基本使用

定义类的语法与JavaScript类似，使用class关键字来定义一个类。类可以包含属性、方法和构造函数等。

注意：在TypeScript是不允许直接在constructor 定义变量的 需要先在constructor的上面进行声明

例如，下面是一个简单的示例，演示了如何在TypeScript中定义一个类：

class Person {//先进行声明name: string;age: number;//才能在constructor 中使用constructor(name: string, age: number) {this.name = name;this.age = age;}sayHello() {console.log(`Hello, my name is ${this.name} and I'm ${this.age} years old.`);}
}let person = new Person("John", 25);
person.sayHello();

在上面的例子中，我们定义了一个名为Person的类，它有两个属性name和age，一个构造函数和一个sayHello方法。构造函数用于创建类的实例，并接受name和age作为参数。

我们可以使用new关键字来创建一个Person对象，并调用sayHello方法来输出欢迎消息。

二、class类中的修饰符

类成员（属性和方法）可以使用以下修饰符来定义其访问权限：

  1. public: 默认修饰符，表示成员在类内部和外部都可以访问。
  2. private: 表示成员只能在类内部访问，外部无法访问。
  3. protected: 表示成员可以在类内部和该类的子类中访问，外部无法访问。
  4. readonly: 表示成员只能在初始化时或构造函数中赋值，并且不能被修改。
  5. static: 表示成员属于类本身，而不是类的实例。可以在类内部和类外部直接访问，无需实例化。

例如，以下代码示例演示了如何使用修饰符：

class Person {public name: string; // 公有属性，默认修饰符private age: number; // 私有属性protected gender: string; // 受保护属性readonly id: string; // 只读属性static count: number; // 静态属性constructor(name: string, age: number, gender: string, id: string) {this.name = name;this.age = age;this.gender = gender;this.id = id;Person.count++;}public sayHello() {console.log(`Hello, my name is ${this.name}.`);}private getAge() {return this.age;}protected getGender() {return this.gender;}static getCount() {return Person.count;}
}const person = new Person('John', 25, 'male', '1234567890');
console.log(person.name); // 可访问，输出 'John'
// console.log(person.age); // 私有属性，无法访问
// console.log(person.gender); // 受保护属性，无法访问
console.log(person.id); // 只读属性，可访问，输出 '1234567890'
person.sayHello(); // 可调用，输出 'Hello, my name is John.'
// person.getAge(); // 私有方法，无法调用
// person.getGender(); // 受保护方法，无法调用
console.log(Person.count); // 静态属性，可直接访问，输出当前实例数

这是一个使用各种修饰符定义类成员的例子，你可以根据自己的需求选择适当的修饰符来限制成员的访问权限。

三、class类中存取器的使用

存取器（accessor）是一种特殊的属性，用于对类的属性进行读取和写入操作。存取器由get和set关键字定义，分别用于获取和设置属性的值。

下面是一个使用存取器的示例：

class Person {private _name: string;get name(): string {return this._name;}set name(value: string) {this._name = value;}
}let person = new Person();
person.name = "Alice";
console.log(person.name); // Output: Alice

在上面的例子中，Person类具有一个私有属性_name和一个公共的存取器name。存取器name的get方法返回_name的值，set方法设置_name的值。通过使用存取器，我们可以在外部像访问属性一样获取和设置_name的值。

另外，存取器可以有只读的属性。只读属性只有get方法，没有set方法，一旦设置了初始值后就不能再修改。

class Person {private readonly _name: string;constructor(name: string) {this._name = name;}get name(): string {return this._name;}
}let person = new Person("Alice");
console.log(person.name); // Output: Alice
person.name = "Bob"; // Error: Cannot assign to 'name' because it is a read-only property

在上面的例子中，Person类的_name属性是只读的，只能通过构造函数初始化，并且不能修改其值。通过使用只读属性，我们可以限制属性的修改，提高代码的可靠性和安全性。

四、用接口定义类

可以使用接口来定义类。可以在接口中定义类的属性和方法，并且类需要遵循接口的定义。

下面是一个示例：

interface Animal {name: string;age: number;sound(): void;
}class Dog implements Animal {name: string;age: number;constructor(name: string, age: number) {this.name = name;this.age = age;}sound(): void {console.log("Woof!");}
}let myDog: Animal = new Dog("Max", 5);
myDog.sound(); // 输出 "Woof!"

在上面的例子中，定义了一个Animal接口，它包含了name、age和sound方法。然后创建了一个Dog类，它实现了Animal接口。最后，创建了一个myDog对象，它是一个Animal类型的变量，可以调用sound方法。

通过使用接口来定义类，可以使代码更加清晰和易于维护，同时也可以提供更好的类型检查和类型推断。

五、类的继承

类之间可以通过继承来建立父子关系。一个类可以继承另一个类的属性和方法，并且可以添加自己的属性和方法。类的继承使用 extends
关键字。

下面是一个示例，展示了一个父类 Animal 和一个子类 Cat 的继承关系：

class Animal {name: string;constructor(name: string) {this.name = name;}makeSound() {console.log('Animal is making a sound.');}
}class Cat extends Animal {meow() {console.log('Cat is meowing.');}
}const myCat = new Cat('Tom');
console.log(myCat.name); // 输出 "Tom"
myCat.makeSound(); // 输出 "Animal is making a sound."
myCat.meow(); // 输出 "Cat is meowing."

在上面的例子中，Cat 类继承了 Animal 类，因此它拥有了 name 属性和 makeSound() 方法。同时，它还添加了自己的方法 meow()。

注意，当子类继承父类时，子类的构造函数中必须调用 super() 方法，以调用父类的构造函数，并传递必要的参数。在上面的例子中，Cat 类的构造函数调用了 super(name)，以调用 Animal 类的构造函数。

此外，子类还可以重写父类的方法。在子类中，可以使用 super 关键字来调用父类的方法。例如，在上面的例子中，Cat 类的 makeSound() 方法重写了父类的方法，但在方法体内部通过 super.makeSound() 来调用父类的方法。

六、抽象类的使用

可以使用抽象类来定义一个抽象的基类，它不能被直接实例化，只能被继承。抽象类可以包含抽象方法和非抽象方法。

下面是一个使用抽象类的示例：

abstract class Animal {protected name: string;constructor(name: string) {this.name = name;}abstract makeSound(): void;move(distance: number): void {console.log(`${this.name} moved ${distance} meters.`);}
}class Cat extends Animal {makeSound(): void {console.log(`${this.name} makes sound: Meow!`);}
}let myCat: Cat = new Cat("Tom");
myCat.makeSound(); // 输出 "Tom makes sound: Meow!"
myCat.move(10); // 输出 "Tom moved 10 meters."

在上述代码中，Animal 类是一个抽象类，它有一个抽象方法 makeSound 和一个非抽象方法 move。Cat 类继承自 Animal 类，并实现了 makeSound 方法。我们创建一个 Cat 类的实例 myCat，并调用它的方法和非抽象方法。

总结

总结起来，使用 TypeScript类可以方便地定义和组织代码，提供了面向对象编程的特性，如封装、继承和多态。同时，通过类型检查，可以减少一些常见的错误，并提供更好的代码智能提示。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/606192.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

OCP NVME SSD规范解读-5.命令超时限制-2

OCP NVME SSD规范解读-5.命令超时限制-2

Sanitize清除的数据很彻底，对FTL映射表、User Data(包括已经写入NAND和仍在cache里的)、Meta Data、安全密匙、CMB中SQ/CQ相关信息、可能含有用户数据的log等等会全部清除。不过，sanitize操作不会改变RPMB、boot分区、不包含用户数据的cache等内容。 RP…
阅读更多...
总420+，专业120+南京大学851信号与系统电子信息考研经验通信，电子信息

总420+，专业120+南京大学851信号与系统电子信息考研经验通信，电子信息

今年考研数学130，专业课120，总分420顺利被南京大学电通录取，梦圆南大，这一年的复习有过迷茫，有过犹豫，最后都坚持过来了，总结一下自己的复习经验，希望对大家有所帮助。数学 5-8月数…
阅读更多...
HarmonyOS应用开发之ArkTS语言学习记录

HarmonyOS应用开发之ArkTS语言学习记录

1、ArkTS介绍 ArkTS是鸿蒙生态的应用开发语言。它在保持TypeScript（简称TS）基本语法风格的基础上，对TS的动态类型特性施加更严格的约束，引入静态类型。同时，提供了声明式UI、状态管理等相应的能力，让开发者…
阅读更多...
76.乐理基础-打拍子-二连音、四连音

76.乐理基础-打拍子-二连音、四连音

内容来源于：三分钟音乐社 上一个内容：八三、八六拍的三角形打法-CSDN博客 这里要先理解了三连音的知识。 关于多少连音的总方针，其实就是两句话，如下图中的内容：二连音与四连音实际上就是下图中第二句话里的第一部分…
阅读更多...
mmdetection训练自己的数据集

mmdetection训练自己的数据集

mmdetection训练自己的数据集 这里写目录标题 mmdetection训练自己的数据集一： 环境搭建二：数据集格式转换(yolo转coco格式)yolo数据集格式coco数据集格式yolo转coco数据集格式yolo转coco数据集格式的代码 三： 训练dataset数据文件配置config…
阅读更多...
高防ip适合防御网站和游戏类的攻击吗？

高防ip适合防御网站和游戏类的攻击吗？

​　　作为站长，要学会并承受得住网站外来攻击的压力，尤其是所属为 DDoS 攻击高发行业的网站类业务及游戏行业，是很容易被竞争对手或者一些伪黑客爱好者盯上的。 加上，有些站长并没有提前了解，就盲目进军了这两个行业&…
阅读更多...
C语言算法(二分查找、文件读写)

C语言算法(二分查找、文件读写)

二分查找 前提条件&#xff1a;数据有序&#xff0c;随机访问 #include <stdio.h>int binary_search(int arr[],int n,int key);int main(void) {}int search(int arr[],int left,int right,int key) {//边界条件if(left > right) return -1;//int mid (left righ…
阅读更多...
SAP 物料读取基本数据文本与检验文本READ_TEXT

SAP 物料读取基本数据文本与检验文本READ_TEXT

1. 读取基本数据文本 使用函数 READ_TEXT 2. 读取检验文本
阅读更多...
聚道云软件连接器助力某软件科技有限公司实现人力资源信息自动化

聚道云软件连接器助力某软件科技有限公司实现人力资源信息自动化

客户介绍&#xff1a; 某软件科技有限公司是一家集软件研发、销售、服务于一体的综合性软件企业。公司业务遍布全球多个国家和地区&#xff0c;拥有众多员工。 添加图片注释&#xff0c;不超过 140 字&#xff08;可选&#xff09; 客户痛点&#xff1a; 部门及人员信息分散…
阅读更多...
PyTorch|保存与加载自己的模型

PyTorch|保存与加载自己的模型

训练好一个模型之后&#xff0c;我们往往要对其进行保存&#xff0c;除非下次用时想再次训练一遍。 下面以一个简单的回归任务来详细讲解模型的保存和加载。 来看这样一组数据&#xff1a; xtorch.linspace(-1,1,50)xx.view(50,1)yx.pow(2)0.3*torch.rand(50).view(50,1) 画…
阅读更多...
【HarmonyOS】深入了解 ArkUI 的动画交互以提高用户体验

【HarmonyOS】深入了解 ArkUI 的动画交互以提高用户体验

从今天开始&#xff0c;博主将开设一门新的专栏用来讲解市面上比较热门的技术 “鸿蒙开发”&#xff0c;对于刚接触这项技术的小伙伴在学习鸿蒙开发之前&#xff0c;有必要先了解一下鸿蒙&#xff0c;从你的角度来讲&#xff0c;你认为什么是鸿蒙呢&#xff1f;它出现的意义又是…
阅读更多...
解压方法之一 zip

解压方法之一 zip

文章目录 解压方法之一 zip语法参数参考实例仅保存文件名更多信息 解压方法之一 zip … _linux-beginner-zip: Linux zip命令的功能是用于压缩文件&#xff0c;解压命令为unzip。 通过zip命令可以将很多文件打包成.zip格式的压缩包&#xff0c;里面会包含文件的名称、路径、…
阅读更多...
性能分析与调优: Linux 实现 CPU剖析与火焰图

性能分析与调优: Linux 实现 CPU剖析与火焰图

目录 一、实验 1.环境 2.CPU 剖析 3.CPU火焰图 一、实验 1.环境 &#xff08;1&#xff09;主机 表1-1 主机 主机架构组件IP备注prometheus 监测 系统 prometheus、node_exporter 192.168.204.18grafana监测GUIgrafana192.168.204.19agent 监测 主机 node_exporter192…
阅读更多...
【AI视野·今日CV 计算机视觉论文速览 第284期】Fri, 5 Jan 2024

【AI视野·今日CV 计算机视觉论文速览 第284期】Fri, 5 Jan 2024

AI视野今日CS.CV 计算机视觉论文速览 Fri, 5 Jan 2024 Totally 62 papers &#x1f449;上期速览✈更多精彩请移步主页 Daily Computer Vision Papers Learning to Prompt with Text Only Supervision for Vision-Language Models Authors Muhammad Uzair Khattak, Muhammad F…
阅读更多...
jenkins忘记admin密码

jenkins忘记admin密码

jenkins忘记admin密码&#xff0c;重置密码&#xff1a; 1.找打jenkins目录下面的config.xml [rootVM-0-15-centos .jenkins]# find ./* -name config.xml ./config.xml [rootVM-0-15-centos .jenkins]# pwd /root/.jenkins删除下面的这部分内容&#xff1a; [rootVM-0-15-c…
阅读更多...
网站被篡改怎么办，如何进行有效的防护

网站被篡改怎么办，如何进行有效的防护

随着互联网的飞速发展&#xff0c;信息传播的速度和范围得到了极大的提升。然而&#xff0c;这也为网页篡改行为提供了可乘之机。网页被篡改不仅会损害网站的形象&#xff0c;还可能对用户造成误导&#xff0c;甚至导致安全漏洞。因此&#xff0c;网页防篡改技术成为了网络安全…
阅读更多...
如何翻译整本书并制作为双语对照？

如何翻译整本书并制作为双语对照？

随着人工智能技术的快速发展&#xff0c;机器翻译已经不再是遥不可及的梦想。众多大互联网公司如谷歌、百度等都相继推出了免费的翻译工具&#xff0c;使得跨语言沟通变得触手可及。今年&#xff0c;数百家公司更是开发出大型AI语言模型&#xff0c;其中以ChatGPT 4引人瞩目&am…
阅读更多...
外延炉及其相关的小知识

外延炉及其相关的小知识

外延炉是一种用于生产半导体材料的设备&#xff0c;其工作原理是在高温高压环境下将半导体材料沉积在衬底上。 硅外延生长&#xff0c;是在具有一定晶向的硅单晶衬底上&#xff0c;生长一层具有和衬底相同晶向的电阻率且厚度不同的晶格结构完整性好的晶体。 外延生长的特点&am…
阅读更多...
Redis分布式锁（二）基于Redis的分布式锁

Redis分布式锁（二）基于Redis的分布式锁

一、redis锁 1、思路 利用set nx ex获取锁&#xff0c;并设置过期时间&#xff0c;保存线程标识释放锁时先判断线程标识是否与自己一致&#xff0c;一致则删除 2、特性 利用set nx满足互斥性利用set ex保证故障时锁依然能释放&#xff0c;避免死锁&#xff0c;提高安全性利…
阅读更多...
如何进行深入的竞品分析：掌握这些技巧让你更加了解市场

如何进行深入的竞品分析：掌握这些技巧让你更加了解市场

随着互联网行业的快速发展&#xff0c;产品经理需要对竞品进行深入分析&#xff0c;才能更好地把握市场需求和趋势&#xff0c;为公司带来更好的商业价值。那么&#xff0c;如何做好竞品分析呢&#xff1f;以下是我对于这个问题的思考和建议。 一、确定分析的目的和范围 在开…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023