java开发需要掌握的TypeScript相关的知识点,细致简洁版。

Typescript:


    介绍:

TypeScript(简称 TS)是JavaScript的超集(继承了JS全部语法),TypeScript = Type + JavaScript。

  • 简单说,就是在JS的基础上,为JS添加了类型支持。
  • 是微软开发的开源编程语言,可以在任何运行JavaScript的地方运行。

        类型注解:

类型注解:是指在变量、函数等定义的时候,使用特定语法(: type)来指定其类型,并在代码中限制只能接收特定类型的值。

    TypeScript快速入门:

        准备:

 安装TS官方提供的编译器:npm install -g typescript (管理员身份运行,只需要做一次即可)

        编码:

  •  定义ts文件,定义变量,指定类型注解
  • 编译ts文件,测试程序运行

    TypeScript类型注解分类:

        基础类型:
  •  数字类型:number
  • 字符类型:string
  • 布尔类型:boolean
  • null/undefined:null/undefined
  • 任意类型:any(不推荐)
  • 原则上,不推荐使用any!!!  这会让TypeScript又回到JavaScript(失去TS类型保护的优势)。
  •  数组类型:number[]/string[]/Array<number>/Array<string>


        联合类型:
            介绍:
                是指由两个或多个其他类型组成的类型,表示可以是其中的任意一种。

                写法:
                    写法:类型1 | 类型2

                提示:
                    TS中的联合类型中指定的多种类型之间使用 | 分隔,建议使用()括起来
            类型别名:
                类型别名:相当于一种自定义类型,为任意类型起别名。

                使用场景:当同一类型(复杂)别多次使用时,可以通过类型别名,简化该类型(复杂)的书写。

                定义语法:type customType = 指定类型

                提示:类型别名type,是可以为任意类型指定别名的。

        函数类型:
            介绍:
                函数类型实际上指的是:函数的参数及返回值的类型

            语法一:单独指定参数,返回值类型:
        对象类型&接口interface:
            对象类型:
                TS中的对象类型就是来描述对应的结构的(有什么类型的属性和方法)。

            定义接口:
                介绍:
                    当一个对象类型被多次使用时,我们可以使用 接口(interface)来描述对象的类型,达到 复用 的目的。

                说明:
                    接口使用 interface 关键字来声明,接口名称可以是任意合法的变量名称。

                    接口中定义的属性或方法,结尾可以使用逗号(,)/分号(;)分隔;如果每一行只有一个属性,后面也可以不写分号(;)。

        类型推论:
            介绍:
                 在TS中,在有些没有明确指出类型的地方,类型推论会帮助提供类型。

                换句话说:由于类型推论的存在,某些地方,类型注解是可以省略不写的。

            常见场景:
                声明变量并初始化

                决定函数返回值时

            提示:
                如果不知道类型,可以通过鼠标放在变量名称/方法名称上,利用VSCode的提示来查询类型。

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

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

相关文章

Python办公自动化Day1

目录 文章声明⭐⭐⭐让我们开始今天的学习吧&#xff01;xlwt创建Excelxlrd读取Excelxlutils修改Excelxlwt设置样式常见的字体样式单元格宽高内容对齐方式设置单元格边框设置背景颜色样式整合起来的写法 文章声明⭐⭐⭐ 该文章为我&#xff08;有编程语言基础&#xff0c;非编…

Selenium Web自动化实践案例,跟着敲代码真香

1 项目背景 https://passport.csdn.net/login CSDN登录页面 2 功能实现 自动运行用例 自动生成测试报告 自动断言与截图 自动将最新测试报告发送到指定邮箱 数据&#xff0c;页面元素分离 PageObjectUnittestddt数据驱动用例 执行日志、分布式执行 3 项目架构…

【前端基础】script引入资源脚本加载失败解决方案(重新加载获取备用资源)

问题描述 现在假设有一个script资源加载失败&#xff0c;代码如下 <!DOCTYPE html> <html> <head><title>script 资源加载失败</title> </head> <body><script src"http:hdh.sdas.asdas/1.js"></script> &l…

用水用电用燃气PSD大屏文件,电力行业可视化大数据(供水供电可视化管理后台资料)

通过对水、电、燃气等能源的使用情况进行统计和分析&#xff0c;可以有效地预测能源需求&#xff0c;为企业的能源管理提供决策依据。现分享大屏燃气大数据可视化平台、电力行业可视化大数据展示平台、大工商业用气快速报告、供水供电可视化管理后台等大屏模版的Photoshop源文件…

2. 创建型模式 - 抽象工厂模式

亦称&#xff1a; Abstract Factory 意图 抽象工厂模式是一种创建型设计模式&#xff0c; 它能创建一系列相关的对象&#xff0c; 而无需指定其具体类。 问题 假设你正在开发一款家具商店模拟器。 你的代码中包括一些类&#xff0c; 用于表示&#xff1a; 一系列相关产品&…

DSC2803X,DSP Pin2Pin with Ti Parts

一&#xff0c;产品特性 高能效 32 位处理器(H28x 内核)  主频 120MHz&#xff08;周期 8.33ns&#xff09;  哈佛(Harvard) 总线架构  硬件乘法/除法单元  4/6 通道高速 DMA  快速中断响应和处理  统一存储器编程模型  高效代码&#xff08;使用 C/C和汇编语言&…

测试框架|Burp Suite几个基本工具的使用

前阵子项目上想通过测试工具在网页上模拟返回错误代码 500 来查看页面的错误处理&#xff0c;然后去调查了下 burp suite&#xff0c;看了些基本工具的使用文档。虽然最后证实 burp suite 只能用来处理页面测试应用程序的实际行为和响应&#xff0c;而不是尝试模拟不存在的问题…

TCP/IP:从数据包到网络的演变

引言 TCP/IP协议的起源可以追溯到20世纪60年代末和70年代初&#xff0c;美国国防部高级研究计划局&#xff08;ARPA&#xff09;研究开发一种可靠的通信协议&#xff0c;用于连接分散在不同地点的计算机和资源。 在当时&#xff0c;计算机之间的连接并不像现在这样普遍和便捷…

【vtkWidgetRepresentation】第十六期 vtkContourRepresentation(三)

很高兴在雪易的CSDN遇见你 VTK技术爱好者 QQ:870202403 前言 本文分享vtkContourLineInterpolator接口的源码剖析和实例应用,希望对各位小伙伴有所帮助! 感谢各位小伙伴的点赞+关注,小易会继续努力分享,一起进步! 你的点赞就是我的动力(^U^)ノ~YO 目录 前言 …

「Verilog学习笔记」自动售卖机

专栏前言 本专栏的内容主要是记录本人学习Verilog过程中的一些知识点&#xff0c;刷题网站用的是牛客网 timescale 1ns/1nsmodule sale(input clk ,input rst_n ,input sel ,//sel0,5$dranks,sel1,10&$drinksinput …

MIT 6.s081 实验解析——labs1

系列文章目录 MIT 6.s081 实验解析——labs1 文章目录 系列文章目录测试判断流程sleep 未完待续 测试判断流程 完成代码后将.c文件放入user文件夹中在makefile文件的UPROGS处添加要测试的文件&#xff0c;如要添加的是sleep.c&#xff0c;则写为_sleep。 重新编译xv6 make q…

亚马逊圣诞关键词怎么选?圣诞节促销活动有哪些?——站斧浏览器

亚马逊圣诞关键词怎么选 以下是在亚马逊圣诞期间利用长尾关键词的一些建议&#xff1a; 圣诞主题关键词&#xff1a;随着节日的临近&#xff0c;与圣诞相关的关键词搜索热度将急剧上升。在产品标题、描述、关键词等位置使用与圣诞节相关的关键词&#xff0c;比如“圣诞礼物”…