Typescript实现单例之父类调用子类

最新推荐文章于 2024-08-07 09:36:16 发布
最新推荐文章于 2024-08-07 09:36:16 发布
阅读量5.4k 收藏 1
点赞数 2
分类专栏： Angular入门到精通指南 文章标签： typescript单例使用 angular实现单例 angular创建钩子
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wf19930209/article/details/83270851
版权
本文介绍了如何在Typescript中实现单例模式，确保全局只有一个对象，并且详细阐述了设计要求和实现思路。在实现过程中，Breakpoint是一个抽象基类，强制子类实现updateView函数，该函数会在窗口尺寸变化时自动调用。通过布局类(Layout)和断点类(Breakpoint)的示例，展示了在Angular环境中如何应用这一设计。
摘要由CSDN通过智能技术生成

Typescript实现单例之父类调用子类

设计要求

  1. 在程序中,需要一个对象可以全局使用,并且只有一个实例
  2. Breakpoint 类是一个可以被继承的类,然后子类必须实现 updateView函数
  3. updateView 这个函数可以被自动调用,当窗口发生变化的时候

构思

UML 图

在这里插入图片描述

  1. Layout 是一个单例类,也就是全局只能有一个对象。

  2. Breakpoint 是一个抽象类。

实现

Layout类

import { Observable, fromEvent } from 'rxjs';
import { map, throttleTime } from 'rxjs/operators';
了解本专栏 订阅专栏 解锁全文 超级会员免费看
FlyWine
关注
专栏目录
订阅专栏
typescript 父类调用子类方法_用TypeScript学设计模式（模板方法模式）
weixin_39829166的博客
12-15 474
一、简介模板方法模式是一种只需使用继承就可以实现的非常简单的模式。模板方法模式由两部分结构组成，第一部分是抽象父类，第二部分是具体的实现子类。通常在抽象父类中封装了子类的算法框架，也包括实现一些公共方法以及封装子类中所有方法的执行顺序。子类通过继承这个抽象类，也继承了整个算法结构，并且可以选择重写父类的方法。二、优缺点优点在父类中形式化地定义一个算法，而由它的子类来实现细节的处理，在子类...
typescript 父类调用子类方法_一篇文章，让你读懂TypeScript
weixin_39648297的博客
11-22 1624
TypeScriptTypeScript是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。今天本文就从安装TypeScript环境出发，结合具体的实例来深入探索TypeScript。1. 安装npm install -g typescript2. vscode自动编译项目目录终端执行 tsc --init更改...
TypeScript（类—继承—多态）
最新发布
on1yLX的博客
08-07 160
类(class)这个概念来源于OOP（Object Oriented Programming），也就是面向对象编程，OOP是一种计算机编程架构，其有着封装，继承，多态三种特性。用abstract定义抽象类和抽象方法，抽象类中的抽象方法不包含具体实现并且必须在派生类中实现。多态：父类定义一个方法不去实现，让继承他的子类去实现，每一个子类有不同的表现。2、抽象类和抽象方法是一个标准，定义标准后，子类中必须包含抽象定义的方法。protected：保护类型，类里、子类可以访问，类外不可访问。
typescript 父类调用子类方法_继承与多态傻傻搞不清楚？在子类中使用super语句...
weixin_39820588的博客
11-29 718
很多同学跟猫老师反映在学习java的继承和多态时都有很多知识点懵懵的，今天就让猫老师先通过一个例子来给大家梳理一下在子类中使用super语句子类如果想要调用父类某方法，可直接使用super语句。现在假设，这个父类方法又调用了另一个被子类重写(overridden)了的方法。按照多态的规则，这次执行的应是子类中的该方法。除此之外，其他语句会按顺序执行。Example 示例假设我们有一个父类...
【typescript】全程干货，淦
Jdoit CW的博客
10-11 7907
内容 typescript 概述 typescript 变量与数据类型 typescript 运算符 typescript 语句 与 数组
TypeScript基础篇 --- 类型断言
qq_41914181的博客
10-12 1986
类型断言 类型断言（TyPe Assertion）可以用来手动只顶一个值的类型。 语法 值 as 类型 或 <类型>值 在 tsx语法（react的jsx语法的ts版）中必须使用前者，即值 as 类型。 形如<Foo>的语法在tsx中表示一个ReactNode，在ts中除了表示类型断言外，也可能表示一个泛型。 故建议使用类型断言的时候，统一使用值 as 类型这样的语法。 类型断言的用途 将一个联合类型断言为其中一个类型 之前有提到过，当 TypeScript不确定
typescript 父类调用子类方法_TypeScript 中如何继承 Error 类
weixin_39942108的博客
12-15 286
在 JavaScript 中很多时候都需要自定义错误，尤其是开发 Node.js 应用的时候。 比如一个典型的网站服务器可能需要有 NetworkError, DatabaseError, UnauthorizedError 等。 我们希望这些类都拥有 Error 的特性：有错误消息、有调用栈、有方便打印的 toString 等。 最直观的实现方式便是 继承 Error 类。 但考虑 TypeSc...
TypeScript：类的继承
风静如云的博客
03-29 5161
类可以继承，继承可以说是对父类抽象的一次细化，通常基类（父类）用于描述更一般、更通用的属性及方法，继承类（子类）则用来描述更具体、更特别的属性及方法。并且继承类可以重写基类的方法以完成对方法的重新定义： class IPhone extends Phone{//基类Phone定义于章节“TypeScript:类是什么”，IPhone继承于Phone makeCall(phoneNumber : string) : void //重写了基类方法 { console.log(this
《TypeScript》入门与精通 - 一文了解TS中的类
2301_79099606的博客
04-20 1107
整理面试题，不是让大家去只刷面试题，而是熟悉目前实际面试中常见的考察方式和知识点，做到心中有数，也可以用来自查及完善知识体系。《前端基础面试题》，《前端校招面试题精编解析大全》，《前端面试题宝典》，《前端面试题：常用算法》PDF完整版点击这里免费领取效果低效又漫长，而且极易碰到天花板技术停滞不前！**因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
通俗易懂的TypeScript总结
qq_66225710的博客
07-09 268
ts的基础知识
TypeScript从入门到放弃
MicalChen的博客
05-08 1954
关注我们 关注【郑大钱呀】【公】【众】【号】，我们一起交流，一起学习。 TypeScript准备工作 什么是TypeScript TypeScript(下文简称为ts)是微软开发的一个开源的编程语言，通过在JavaScript(下文简称为js)的基础上添加静态类型定义构建而成。ts通过其编译器或Babel转译为js代码，可运行在任何浏览器，任何操作系统。ts是js的超集，它支持所有js的语法，我们可以在ts中使用原生js语法，可以简单的理解成TS是JS的升级版。 ts与js两者的主要的区别如下：
在父类，调用子类
weixin_30333885的博客
12-22 105
class Vehicle: Country='China' def __init__(self,name,speed,load,power): self.name=name self.speed=speed self.load=load self.power=power def run(se...
Java抽象类的作用
数据库天地
06-19 2737
java抽象类的作用 1.通过继承它实现多态，后期绑定，可以为将来要实现的东西做好接口，实现重用性。 2.接口就是更纯粹的抽象类 父类：A 子类：a1,a2 A obj1 = new A(); A obj2 = new B(); 如果A有一个方法是show(); 子类实现了show(); 那么obj1.show()就是第一个子类的show(); obj2.show()就是第二个...
子类如何调用父类方法
s_i_t_starting_point的博客
02-14 3214
一＇子类继承父类　并重写了父类方法调用父类方法 １　zi() z= new   fu（）； 　　z.f类方法（）；或者super．父类方法（）；  //注意　　super不能用在static修饰的方法中 如果父类非abstract class 也可以用fu f = new fu(); f.方法(); 二｀如果子类未重写父类方法　以上均可 zi() z =new zi() ; z
子类替换了父类方法
K
03-23 686
子类继承父类，但子类新建方法与父类原有方法名称相同。如果想让父类方法被被替用，两个方法同时生效，使用super().方法即可。如super().__init__()
父类强转子类问题
dzk1231的博客
03-24 1227
void main() { //当new的对象是父类的话，不可以强转为子类。 C c = new C(); //当new的对象是D子类的情况，只可以强转为D类型。 C c = new D(); c.id = "15"; D d = (D)c; d.name = "777777"; AppDebug.Log(d.id); } publ
ts super调用父级构造器
qq_43033748的博客
11-18 364
，
typescript类，继承和修饰符
litter_lj的博客
03-09 166
1.类的定义 /类的定义 class Person { name: string; //默认是public修饰符 //构造函数 constructor(name: string) { this.name = name; } //方法 无返回值 run(): void { console.log(this.name); } work(): stri...
ts 父类调用子类方法
06-10
在 TypeScript 中，父类可以通过声明一个子类的实例来调用子类的方法。具体实现如下： ```typescript class Parent { constructor() {} callChildMethod(child: Child) { child.childMethod(); } } class Child extends Parent { constructor() { super(); } childMethod() { console.log("This is a child method."); } } const child = new Child(); const parent = new Parent(); parent.callChildMethod(child); // 输出 "This is a child method." ``` 在上面的代码中，`Parent` 类中的 `callChildMethod` 方法接收一个 `Child` 类的实例作为参数，并调用该实例的 `childMethod` 方法。在 `Child` 类中，`childMethod` 方法被实现并输出一段文字。当我们创建一个 `Child` 类的实例 `child` 和一个 `Parent` 类的实例 `parent` 后，我们可以通过调用 `parent.callChildMethod(child)` 方法来调用 `Child` 类中的 `childMethod` 方法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

FlyWine

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

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

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

打赏作者

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

抵扣说明：

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

余额充值