TypeScript class 类、构造函数、继承、类成员可见性修饰符、只读修饰符、类型兼容性

最新推荐文章于 2024-07-08 14:20:24 发布
最新推荐文章于 2024-07-08 14:20:24 发布
阅读量565 收藏 1
点赞数
分类专栏： TypeScript 文章标签： typescript javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43472877/article/details/127297866
版权

文章目录

1.class类

在这里插入图片描述

1.1 实例属性初始化

在这里插入图片描述

在这里插入图片描述

1.2 构造函数

在这里插入图片描述
在这里插入图片描述

1.3 实例方法

在这里插入图片描述
在这里插入图片描述

1.4 继承

方式一：extends

在这里插入图片描述
在这里插入图片描述

方式二：implements 实现类

在这里插入图片描述
在这里插入图片描述

1.5 类成员可见性

在这里插入图片描述

public

在这里插入图片描述

protected

在这里插入图片描述
在这里插入图片描述

private

在这里插入图片描述

在这里插入图片描述

1.6 只读readonly修饰符

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
使用接口
在这里插入图片描述
不使用接口
在这里插入图片描述

1.7 类型兼容性

class的兼容性 成员多的可以赋值给少的

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

接口间的兼容性 属性多的可以赋值给少的

在这里插入图片描述

在这里插入图片描述

函数间的兼容性

1.参数 参数少的可以赋值给多的

在这里插入图片描述
在这里插入图片描述

2.参数类型

在这里插入图片描述

原始类型 参数要相同

在这里插入图片描述

对象类型 参数少的可以赋值给多的

在这里插入图片描述

在这里插入图片描述

返回值类型：成员多的可以赋值给成员少的

在这里插入图片描述
在这里插入图片描述

_七七
关注
专栏目录
typescript继承
02-13
TypeScript提供了`public`、`private`和`protected`三种访问修饰符来控制成员的可见性。默认情况下，类的成员是`public`的，可以在任何地方访问。`private`成员只能在类内部访问，而`protected`成员则可以被子类...
TypeScript类成员的修饰符
qq_34820433的博客
04-14 453
TypeScript 的类成员字段和方法的修饰符。
typescript 高级类型-class类详解
JiuMeilove的博客
02-19 2028
typescript 全面支持es2015中引入的class关键字,并为其添加了类型注解,和其它语法(比如,可见性修饰符等),class 基本使用,如下tips1. 根据ts中的类型推论,可以知道Person的实例对象p的类型是Person2. ts中的class,不仅提供了class的语法功能,也作为一种类型存在成员初始化(比如,age:number)后才可以通过this.age来访问实例成员需要为构造函数指定类型注解,否则会被隐式推断为any;构造函数不需要返回值类型。
TypeScript 类 (class) 详解
最新发布
WANGPF183的博客
07-08 1102
什么是类？TypeScript中的类是什么？什么是抽象类及抽象成员？
【TypeScript】ts中的Classes使用方法介绍
qq_2511276124的博客
05-23 1399
TypeScript 完全支持 ES2015 中引入的类关键字。 与 JavaScript 语言的其他功能一样，TypeScript 添加了类型注解和其他语法，允许您表达类与其他类型之间的关系。
ts的class类的使用与继承, es6新增的class类
浩星
03-30 4147
ts的class类的使用与继承, es6新增的class类
ts中构造函数class
m0_62487693的博客
03-30 623
【代码】ts中构造函数class。
typescript-tutorial：TS教程
02-15
3. **访问修饰符**：`public`、`private`和`protected`修饰符控制类成员的可见性，帮助维护数据封装。 4. **抽象类（Abstract Classes）**：抽象类不能被实例化，但可以作为其他类的基类，通常用于定义共同的接口和...
TypeScript入门指南案例教程.zip
07-17
类可以有构造函数、属性和方法，并且可以使用访问修饰符（public, private, protected）控制成员的可见性。 6. **泛型（Generics）**：泛型允许创建可重用的组件，这些组件可以操作多种数据类型。例如，可以创建一...
class-exercises
03-26
4. **访问修饰符**：TypeScript提供了访问修饰符来控制类的成员对外的可见性。如`public`（默认，任何地方都可访问）、`private`（仅限类内部访问）和`protected`（类内部及子类可访问）。 5. **继承**：TypeScript...
typescript-udemy-2020：具有教育意义的内容
02-18
开发者可以定义类来封装数据和行为，通过构造函数初始化实例，以及使用访问修饰符（如public、private和protected）来控制成员的可见性。 接口（Interfaces）在TypeScript中用于描述对象的形状，允许开发者定义一组...
TypeScript中的class（类）
m0_45093055的博客
07-02 3442
TypeScript中的class与es5实现
TS中的类(class)
Gleason
02-11 7537
类(class): 定义了一切事物的抽象特点(属性和方法) 对象(object): 类的实例(通过 new 来生成) 面向对象特点: 封装,继承,多态 封装: 将操作数据的细节隐藏起来,只暴露接口, 调用者只需要通过接口来访问对象 继承: 子类继承父类, 子类除了拥有父类的特性外还可以拥有更加具体的特性 多态: 同一个方法可以有不同的响应(猫和狗都继承自动物类,但是他们叫声各有不同) 封装 抽象一个动物类, 拥有名字属性和奔跑的动作 // 创建基本类 基类 class Animal { // 属性
TSclass类
越是安静内敛的人，越容易生不惊人死不休
11-10 794
TSclass类
typescript36-class的构造函数实例方法
qq_41632427的博客
07-30 143
t
TypeScript-8 class中的构造函数 constructor 及类的继承
yueye_wu的博客
07-06 980
TypeScript 构造函数
TS之类的构造函数
youhebuke225的博客
04-13 3184
class Person{ constructor(public name:string,public age:number){ this.name = name this.age = age } sayName(){ console.log(this.name); } } const sunWuKong = new Person("孙悟空",18) sunWuKong.sayName() // 孙悟空 概
TypeScript(二）
weixin_52230444的博客
04-02 807
三、TypeScript 常用类型 8、接口 当一个对象类型被多次使用时，一般会使用接口（interface）来描述对象的类型，达到复用的目的。 1. 使用 interface 关键字来声明接口。 2. 接口名称（比如，此处的 IPerson），可以是任意合法的变量名称。 3. 声明接口后，直接使用接口名称作为变量的类型。 4. 因为每一行只有一个属性类型，因此，属性类型后没有 ;（分号）。 interface（接口）和 type（类型别名）的对比： 相同点：都可以给对象指定类型。 不同.
TypeScript高级用法：面向对象与类继承提升代码复用
在类与继承方面，TypeScript支持类的概念，允许通过`class`关键字创建类，通过`extends`关键字实现继承。例如，创建一个父类`Parent`，其中包含一个`readonly`属性`x`和一个`print()`方法。子类`Child`继承自`Parent...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值