TypeScript 学习笔记总结(二)

news2024/11/16 2:36:12

TypeScript 笔记记录,侧重于接口,对象等内容。

文章目录

  • 一、 TS 面向对象
  • 二、TS 类
  • 三、TS 继承
  • 四、TS super关键字
  • 五、TS 抽象类
  • 六、TS 接口
  • 七、TS 属性封装
  • 八、TS 泛型

一、 TS 面向对象

js也是面向对象的,并不是面向过程的。

下面,简单看看就行。
在这里插入图片描述

二、TS 类

类就是对象的模型,要想面对操作对象,就要定义对应的类。

类格式:
在这里插入图片描述

其实TS类 转换成了这种类似的 立即执行函数的效果。
在这里插入图片描述

class Person {

    name: string = 'demo'

    // 构造函数
    constructor(name) {
        this.name = name
    }

    // static 静态属性
    static age: number = 18

    sayHello(){
        console.log('123456')
    }

}

const per = new Person('aa')

// 静态属性必须通过类型才能获得
console.log(Person.age)

三、TS 继承

和Java 继承差不多,简单看看就行。
在这里插入图片描述

四、TS super关键字

super关键字 相关内容:

class Animal {
    name: string = 'demo'
    constructor(name) {
        this.name = name
    }
    sayHello(){
        console.log('123456')
    }
}

class Dog extends Animal{

    constructor(props) {
        // 如果在子类中写了构造函数,在子类的构造函数中必须要调用super父类的构造函数。
        super(props);
    }


    sayHello() {
        // 在类的方法中 super就表示当前类的父类。
        super.sayHello();
        console.log('hello,world')
    }
}

五、TS 抽象类

同样和Java差不多。
在这里插入图片描述
注意抽象方法的使用就行:
在这里插入图片描述

六、TS 接口

指定类型:
在这里插入图片描述
限制类结构:
在这里插入图片描述

七、TS 属性封装

在这里插入图片描述
配合public 、private 来进行属性的封装效果。同样也可以通过定义 get 、set方法对应的属性来操作。

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

八、TS 泛型

泛型效果也是和Java相同:

  • 关注:函数、类、extends用法就可以。
    在这里插入图片描述
    在这里插入图片描述

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

虹科案例 | AR数字化解决方案在石油与天然气领域“大放异彩”

石油和天然气在当今人类社会中扮演着重要角色,但是石油和天然气的开采,却是耗费成本巨大的工程,石油和天然气公司也在不断寻找着能帮助他们降低运营成本并提高效率的好方法。 事实上,AR技术解决方案能帮助这些公司实现他们的目标…

Linux[安装gitlab笔记]

参考文章:https://www.jianshu.com/p/2cb10c11813d CentOS7下安装gitlab中文版 前提: 下载文件:gitlab-ce-12.9.2-ce.0.el7.x86_64.rpm 地址1:https://packages.gitlab.com/gitlab/gitlab-ce 地址2:https://mirrors.…

JVM——类加载与字节码技术(3)

目录四、类加载阶段4.1 加载4.2 链接4.3 初始化五、类加载——练习练习1练习2四、类加载阶段 4.1 加载 ① 将类的字节码载入方法区(1.8后为元空间,在本地内存中)中,内部采用 C 的 instanceKlass ● _java_mirror 即 java 的类镜…

大数据技术架构(组件)10——Hive:集合函数类型转化函数

1.4.3、集合函数1.4.3.1、size select map(a,1,b,2),size(map(a,1,b,2)),array(1,2,3,4),size(array(1,2,3,4));1.4.3.2、map_keysselect map(a,1,b,2), map_keys(map(a,1,b,2));1.4.3.3、map_valuesselect map(a,1,b,2), map_values(map(a,1,b,2));1.4.3.4、array_containssel…

中国国际电子商务中心与易观分析联合发布:2022年3季度全国网络零售发展指数同比增长1.5%

近日,中国国际电子商务中心与易观分析联合发布2022年3季度“全国网络零售发展指数”及其分指数。2022年3季度全国网络零售发展指数同比增长1.5%,环比下降2.9%。随着稳经济一揽子政策和接续措施全面落地显效,生产加快回暖,经济平稳…

vmstat、free、df、iostat、sar

1. vmstat看CPU vmstat -n 2 3 一般vmstat工具的使用是通过两个数字参数来完成的,第一个参数是采样的时间间隔数单位是秒,第二个参数是采样的次数 -procs r:运行和等待CPU时间片的进程数,原则上1核的CPU的运行队列不要超过2,整个…

Softing为Endress+Hauser提供过程自动化连接解决方案

一 背景 恩德斯豪斯(EndressHauser)是一家总部位于瑞士的过程工业自动化解决方案的全球领军企业,致力于为过程工业及实验室自动化领域提供测量仪器、服务和解决方案。其产品被广泛应用于石油、化工、制药、食品饮料以及废水处理等过程自动化…

银河麒麟V10操控系统Qt安装

下载安装镜像申请试用https://www.kylinos.cn/support/trial.html,根据CPU架构选择要下载的安装包。AMD、Intel的CPU下载银河麒麟桌面操作系统V10 AMD64版本,我下载的Kylin-Desktop-V10-SP1-HWE-Release-2203-X86_64.iso制作系统安装启动U盘下载制作启动…

1. kafka-提高生产者吞吐量

kafka的基础使用知识不在这篇文章阐述,默认读者都会使用 首先kafka的生产者原理,如下。图来自网上 上面的图可能不全, 我再详细描述下,在消息发送过程中,设计到两个线程main和sender线程; (1…

Java接口——子接口是否能直接通过子接口名调用父接口类方法

Java9允许在接口中定义默认方法和类方法,为接口增加了一种私有方法,也可以提供实现。 接口就是定义一组通用的方法,就像U盘,只要是USB接口大部分都可以在电脑上使用,电脑无需关心U盘内部怎么实现,只需要告…

浅谈python中@装饰器 - 附例子(含类装饰器与函数装饰器)

浅谈python中装饰器 文章目录浅谈python中装饰器关于装饰器(decorator)小总结关于(语法糖)进阶装饰器顺序装饰器 & 参数End提到的使用首先要先讲一下装饰器的概念 关于装饰器(decorator) 先来看看官方…

计算机相关专业提升学历的解决方案(硕士研究生)

文章目录1、正规全日制硕士1.1 研究生入学考试1.2 硕士毕业要求2、继续教育(非全日制)2.1 在职研究生2.2 同等学力申硕3、海外硕士3.1 海外硕士申请3.2 中外合作项目1、正规全日制硕士 1.1 研究生入学考试 1、考试报名 官方网站:国家研究生…

玩转PPT 第2节 PPT第一辅助神器iSlide操作

ppt神器 第2节 islide常用操作锦集1 一键优化1.1 统一字体1.2 统一段落1.3 统一参考线1.4 统一主题色2 设计排版2.1 快速复制图形实现矩阵布局2.2 环形布局复制2.3 环形裁剪2.4 矩阵裁剪3 设计工具3.1 对齐3.2 大小3.3 对齐到参考线3.4 选择,相当于快速组合取消等3.…

树与二叉树深度剖析(二)

一. 树表示法1.双亲表示法(1).含义在一棵树中,任意一个结点的双亲只有一个,这是由树的定义决定的。双亲表示法就是利用了树的这个性质,在存储结点信息的同时,在每个节点中附设一个指向其双亲的指针, 指向双亲在链表中的…

IMX Linux 用户手册 — 3

IMX Linux 用户手册 — 3 10.3 CAAM Job Ring后端驱动规范 CAAM作业环后端驱动(caam_jr)实现并使用作业环接口(JRI)向CAAM引擎提交来自前端驱动(caamalg, caamhash, caampkc, caamrng, caamkeyblob)的加密API服务请求。 CAAM驱动程序有几个选项,最显著的是硬件工作…

ssm宿舍水电费报修考勤管理系统的开发与实现

目 录 摘 要 I 目 录 1 第1章 概述 1 1.1 研究背景 1 1.2 研究现状 1 1.3 研究内容 2 第二章 开发技术介绍 2 2.1 系统开发平台 2 2.2 平台开发相关技术 3 2.2.1 B/S架构 3 2.2.2 mysql数据库介绍 4 2.2.3 JSP技术介绍 4 第三章 系…

如何增强企业数字敏捷性?|身份云研究院

在经济下行背景中,企业面临数字化转型和降本增效两大课题,解决这两个问题的核心是增强企业数字敏捷性。比起从业务侧逐个优化,决策者们更应从数字化基础设施入手,搭好底层数字化架构来保障企业在不断变化的技术和法规中获得适应性…

随时随地查看远程试验数据与记录——IPEhub2与IPEmotion APP

一 背景 在工况恶劣、空间狭小的试验场景或工程机械领域中,不但试验人员在试验环境中对自身安全没有保障,而且试验过程也会受到影响,如高温高压测试、工程机械液压系统测试等。对此,结合IPEhub2与IPEmotion APP,既可保…

linux journalctl使用详解

1.概述 ​ journalctl 用来查询 systemd-journald 服务收集到的日志。systemd-journald 服务是 systemd init 系统提供的收集系统日志的服务。journalctl通常用来查询systemd管理的Unit的日志信息。 2.使用方法 $ man journalctl $ journalctl --help 常用方法 $ journalctl …

【可解释性机器学习】解释基于Scikit-learn进行文本分类的pipeline及结果

使用Scikit-learn进行文本分类pipeline1. 基线模型2. 基线模型,改进的数据3. Pipeline改进4. 基于字符的pipeline5. 调试HashingVectorizer参考资料scikit-learn文档提供了一个很好的文本分类教程。确保先阅读它。 本文中,我们将做类似的事情&#xff0c…