TypeScript实战-09-抽象类和多态

最新推荐文章于 2022-08-22 18:22:50 发布
最新推荐文章于 2022-08-22 18:22:50 发布
阅读量502 收藏
点赞数
分类专栏： 【完结】TypeScript 基本语法与应用 文章标签： TypeScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ABAP_Brave/article/details/100865227
版权

一,前言

在ES中,并没有引入面向对象语言中抽象类的概念,而TS对这部分特性进行了扩展
本篇介绍TS中的抽象类和多态

二,抽象类的定义

抽象类只能被继承,不能被实例化
定义抽象类使用abstract关键字

定义抽象类,并验证抽象类不可被实例化

abstract

三,抽象类的继承

继承抽象类,需要在子类中调用super方法

dog

四,使用抽象类实现方法复用

在抽象类中可以定义方法(可以有具体实现,也可以是抽象方法),从而实现复用

抽象类方法的复用-定义
抽象类方法的复用-定义
继承Animal的Dog子类-小黑:
继承Animal的子类Dog
继承Animal的Cat子类-小花:
继承Animal的子类Cat

可以看到:

抽象类可以抽离事物的共性,有利于代码的复用和扩展

五,使用抽象类实现多态

通过在父类中定义抽象方法,在不同子类中对该方法进行不同实现,
从而在运行时根据不同子类对象表现为不同状态

继续使用小黑的小花的例子:
使用抽象类实现多态

六,this类型

使用this实现链式调用
类的成员方法可以直接返回一个this,方便实现链式调用,即Builder模式

以前端常见的模态框API为例:
链式调用

使用this实现多态
this代表实例本身,继承时,子类实例即可表现多态(this既可以是父类,也可以是子类)

this多态

七,结尾

本篇介绍了TS中的类相关知识,包括:

1,抽象类的定义和继承方法
2,使用抽象类实现方法的复用
3,使用抽象类实现多态
4,使用this实现链式调用和多态

可以发现,TS补齐了在ES中缺失的类特性,使得TS更像一门面向对象语言
BraveWangDev
关注
专栏目录
【TypeScript】-- 基础入门教程
qq_48802092的博客
09-21 439
typescript是Javascript超集，是JavaScript+强类型跨平台：TypeScript 编译器可以安装在任何操作系统上，包括 Windows、macOS 和 Linux。静态类型检查：TypeScript 使用静态类型并帮助在编译时进行类型检查。因此，你可以在编写代码时发现编译时错误，而无需运行脚本。
TypeScript--类型问题汇总
qq_36711388的博客
03-17 1693
学过js你认识的类型：boolean、number、string、undefined、null、symbol、object 你可能不认识的类型：void、any、unknown、never 类型声明是TS非常重要的一个特点，通过类型声明可以指定TS中变量（参数、形参）的类型。指定类型后，当为变量赋值时，TS编译器会自动检查值是否符合类型声明，符合则赋值，否则报错 TS拥有自动的类型判断机制：当对变量的声明和赋值是同时进行的，TS编译器会自动判断变量的类型，所以如果你的变量的声明和赋值时同时..
TS中的抽象类 多态
前端工程师，博文都是自己学习到的，或者开发中遇到的点，记录一下
10-04 305
//多态：父类定义一个方法不去实现，让继承他的子类去实现，每个子类有不同的表现 //抽象类：是提供其他类继承的基类，不能直接被实例化 //用abstract 关键字定义抽象类和抽象方法，抽象类中的抽象方法不包含具体实现并且必须在派生类中实现 //抽象方法只能 放在抽象类里 //抽象类和抽象方法用来定义标准，标准：Animal 这个类要求他的子类必须包含eat方法 //abstract class Animal{ //abstract eat():any(){} /...
【Typescript】ts中的抽象类、抽象方法和多态
m0_63779088的博客
08-22 896
(即Animal类利用abstract关键字定义为抽象类和抽象方法，但是抽象方法要在其继承Animal类的Dog类中去实现)是提供其他类继承的基类，不能被实例化。
typescript(五)--ts中抽象类、继承、多态
热门推荐
jasnet_u的博客
07-21 3万+
如题，本篇我们介绍下ts中抽象类、继承、多态。  ts中类抽象类、多态：  抽象类: abstract 修饰， 里面可以没有抽象方法。但有抽象方法(abstract method)的类必须声明为抽象类(abstract class)  多态:父类定义一个方法不去实现，让继承它的子类去实现  每一个子类有不同的表现  注意：使用多态基础是类的继承或者接口实现。 03_abstract_class...
typescript_抽象类与多态
ok2547881370的博客
06-20 368
1. 抽象类的定义 1.1 抽象类 - 可以提取公用代码, 利于代码的复用和扩展 1.2 抽象类不能直接实例化 1.3 抽象方法,子类不需要实现该方法 abstract class Animal { eat () { console.log("e") } abstract sleep() : void //抽象方法,子类必须实现该方法 } class IsDog extends Animal { constructor(name : string) {
类的复用和抽象
Christ_light的博客
04-10 319
类的继承 父类：范围涵盖更广，包括子类 子类：继承了父类的属性方法 实现：extends eg：父Animal 子Cat Dog 作用 按我自己的理解是在使用的时候可以直接去使用的那个涵盖范围更广的类，而子类可以对各自不同的特点来细化操作（用继承，方法覆盖来实现） 方法覆盖（重写override overwrite）：子类可以重写父类中的同名方法 方法重写与方法重载的区别：重载是参数种类和个数不同...
Typescript中的类 类中的静态属性 静态方法 抽象类 多态.zip
11-05
本压缩包包含的代码实例着重讲解了类中的静态属性、静态方法、抽象类以及多态这四个核心概念。 1. **静态属性**： 类的静态属性并不属于类的实例，而是直接属于类本身。它们在类的所有实例之间共享，不随实例创建...
TypeScript---面向对象特点
qq_45679015的博客
12-14 968
我理解面向对象的编程思想： 根据需求,分析对象,找到对象有什么特征和行为,通过代码的方式来实现需求, 要想实现这个需求,就要创建对象,要想创建对象,先定义类，显示构造函数, 然后通过构造函数来创建对象,通过对象调用属性和方法来实现相应的功能及需求。 封装 继承 多态 封装 对象实质上就是属性和方法的容器，它的主要作用就是存储属性和方法。 默认情况下，对象的属性是可以任意修改的，为了确保数据的安全性，在TS中可以对属性的权限进行设置。 只读属性（readonly）：如果在声.
TypeScript-Mongo-源码.rar
10-10
3. **类（Classes）**：支持面向对象编程，包括继承、封装和多态。 4. **装饰器（Decorators）**：元编程工具，用于在运行时修改或增强类的行为。 5. **泛型（Generics）**：提供类型参数化，提高代码复用性。 **二...
抽象公共类，复用公共方法为多个对象
needkane
05-26 2297
今天学习如何实现愤怒的小鸟，用到了JBox2D构建物理世界（这个不是这篇文章重点，但是很谢谢这个开源玩意） 一般一个独立的物体的实体类 import org.jbox2d.dynamics.Body; import org.liky.angrybird.util.Globals; import org.liky.angrybird.util.ImageUtils; import
c++的this的“多态”？
缤纷冷泪的专栏
06-05 634
关于软件编程的书籍看了不少，体悟不少，觉得自己有些了不起，然而最近在设计一个类库时竟然发现自己对语法细节领悟的如此之差...... 起因是这样的，因项目需要，使用c++编写一个可扩展灵活多变的网络通信客户端，用来处理和不同类型主机通信，在设计过程中，很多地方用了c++的多态特性，而问题也就处在多态上，编写中使用了很多如下类似代码： class A { public: int num;
C++之this指针与另一种“多态”
weixin_33695082的博客
08-21 137
C++之this指针与另一种“多态”   2010-7-9 烛秋 一、引入 　　定义一个类的对象，首先系统已经给这个对象分配了空间，然后会调用构造函数（说明：假设存在构造函数--2010.9.5修正）。一个类有多个对象，当程序中调用对象的某个函数时，有可能要访问到这个对象的成员变量。而对于同一个类的每一个对象，都是共享同一份类函数。对象有单独的变量，但是没有单独的函数，所以当调用函数时，...
构造方法和this 多态之方法重载 继承
qq_43984437的博客
08-07 81
构造方法 语法：方法名称必须与类名相同且无返回类型这一栏。 public class A { public A() { } } 作用：用于创建这个类型的对象。 构造方法可以有多少个？ 可以1或N个。构造方法在用户未定义的时候，默认有一个公共的无参的。 this关键词 在每个类中，都有个隐式对象，叫this， 代表此类的当前实例。可以在每个非静态方法中使用。(静态方法中不允许使用this指针) this可以点出来当前对象所有的属性和方法。 本类内 的 属性 本...
多态与this用法（概述）
Preoccupied-One的博客
04-09 238
重载 **什么叫重载：**同名不同参，与返回值无关。 例： int m() {} double m() {} //------------ void m(int a) {} coid m(double b) {} 不同参： 参数的类型、个数、顺序 多态 多态：多种形态 ①重载属于静态多态 ②重写(Override)，动态多态，属于继承关系 this用法 三种用法 ①this.属性：这个对象的属性 ②this.方法：supper 父类 ③this(参数)：调用本类中的构造方法 一个构造方法可
this指针多态性
alim2012的博客
10-05 539
public class Dervied extends Base { { System.out.println("Dervied Con1 "+ this.name ); } private String name = "dervied"; { System.out.println("Dervied Con2 "+ this.name ); }...
java 继承 多态 this super 结合魔鬼调用
metjoyful的博客
03-10 130
本来就是刷一个题 结果给我整晕了特此记录一下 先说结论： java 多态指的是运行时多态和编译时多态，编译时的多态呢比较好理解就是 根据实际参数的数据类型、个数和次序，Java在编译时能够确定执行重载方法中的哪一个。 运行时多态：也叫作动态绑定，一般是指在执行期间（非编译期间）判断引用对象的实际类型，根据实际类型判断并调用相应的属性和方法。主要用于继承父类和实现接口时，父类引用指向子类对象。这个是jvm 有一套规范的 一般我们听到的是 若是字类复写了父类的方法则优先调用字类的方法，否则调用父类的方法，
在继承多态中关于this的使用
不语冰
06-06 619
通过this调用method和filed的区别在继承多态中：1、对于方法的覆盖，new的谁就调谁，这就是多态。2、对于成员变量的覆盖，this在哪个类就指向哪个类的成员变量，没有多态。public class ThisTest { @override public void Test(){ Fu f = new Zi(); ...
ts静态属性、静态方法、抽象类、多态
bus_lupe的博客
06-08 8577
静态属性、静态方法 function Person(){ this.run1 = function (){} // 实例方法，实例化后调用 } Person.run2 = function (){} // 静态方法，类名直接调用 Person.name = 'lucy' // 静态属性 Person.run2() // 静态方法的调用 静态方法、实例方法在jq中的应用 function $(...
typescript vue-count-to
最新发布
12-23
typescript vue-count-to是一个基于Vue.js的数字动画组件，用于实现数字的递增或递减动画效果。它可以用于展示数字的变化，比如计数器、倒计时等场景。 下面是一个使用typescript vue-count-to的示例： 1. 首先，安装vue-count-to包： ```shell npm install vue-count-to ``` 2. 在Vue组件中引入vue-count-to： ```typescript import Vue from 'vue'; import CountTo from 'vue-count-to'; Vue.component('count-to', CountTo); ``` 3. 在模板中使用vue-count-to组件： ```html <template> <div> <count-to :startVal="0" :endVal="100" :duration="3000"></count-to> </div> </template> ``` 在上面的示例中，我们创建了一个计数器，从0递增到100，动画持续时间为3秒。 你可以根据自己的需求调整startVal、endVal和duration属性的值，来实现不同的动画效果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

BraveWangDev

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值