2小时极速入门 TypeScript-慕课网 笔记

TS文档:https://www.tslang.cn/docs/handbook/modules.html

一,什么是TS

在这里插入图片描述
注:Typescript无法在浏览器中运行 ,所以需要编译器,将TS转变为JS

:TS运行这么麻烦,为什么还要有TS?
:TS强类型
1,规范我们的代码;
2,代码编译阶段就能及时发现错误;
3,在原生js的基础上加上了一层类型定义;

二,基础类型

类型案例
布尔值 boolean(true/false)let isDone: boolean = false;
数字numberlet decLiteral: number = 6;
字符串 stringlet name: string = “bob”;
数组1,元素类型后面接[] 例如:let list: number[] = [1, 2, 3];
2,数组泛型 Array<元素类型> 例如:let list: Array = [1, 2, 3];
元组Tuple,允许表示一个已知数量和类型的数组,各元素的类型不必相同let x: [string, number];
x = [‘hello’, 10]; // OK
x = [10, ‘hello’]; // Error
枚举, 真正的类型是number,从0开始计算enum Color {Red, Green, Blue}
let c: Color = Color.Green; // 1
enum Color2{Red=5, Green=7, Blue=8}
let c: Color = Color2.Green; // 7
enum Color3 {Red=“red”, Green=“green”, Blue=1}
let c: Color = Color3.Green; // “green”
Any,动态类型let notSure: any = 4;
notSure = “maybe a string instead”;
notSure = false;
unkonw,类型是暂时未知类型,之后会知道它的类型,仍然会进行ts的类型检查let value: unknown;
Void,它表示没有任何类型。 当一个函数没有返回值时,其返回类型是voidfunction warnUser(): void {
console.log(“This is my warning message”);
}
Null和Undefined,两者各自有自己的类型分别叫做undefined和nulllet u: undefined = undefined;
let n: null = null;
Never,表示那些永不存在的值的类型
Object,表示非原始类型,也就是除number,string,boolean,symbol,null或undefined之外的类型。declare function create(o: object | null): void;
create({ prop: 0 }); // OK
create(null); // OK
create(42); // Error
create(“string”); // Error
create(false); // Error
create(undefined); // Error
类型断言,类型断言好比其它语言里的类型转换1,尖括号 语法 例如:let someValue: any = “this is a string”;
let strLength: number = (<string>someValue).length;
2,as 语法 let someValue: any = “this is a string”;
let strLength: number = (someValue as string).length;
联合类型, 中间使用 |let union2 : number | string | boolean
字面量类型,确定了变量类型以及变量的值let union2 : 0 | 1 | 2;// 确定了 union2 是number类型,并且取值范围是 [0-2]

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

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

相关文章

腾讯云OpenCloudOS系统上安装MySQL

在腾讯云OpenCloudOS系统上安装MySQL&#xff0c;可以通过以下步骤进行&#xff1a; 更新软件包列表&#xff1a; sudo yum update -y 安装MySQL服务器&#xff1a; sudo yum install mysql-server -y 启动MySQL服务&#xff1a; sudo systemctl start mysqld 设置MySQL…

LDO VS buck的优缺点对比:LDO(效率低但稳压);DCDC(降压buck,效率高但噪声大)

LDO&#xff1a; Low Dropout Regulator&#xff0c;低压差稳压器 低压差&#xff1a;输入电压与输出电压的差值低&#xff1b; 稳压&#xff1a;当输入电压VIN在正常范围内时&#xff0c;输出电压VOUT都稳定在一个我们需要的固定电压值&#xff1b; 举个栗子&#xff0c;输…

Selenium WebDriverWait和expected_conditions来定位实时更新的元素

WebDriverWait 是 Selenium WebDriver 的一个等待机制&#xff0c;用于等待一个特定条件成立直到一个最大的时间阈值。这种等待方式是显式等待&#xff0c;与隐式等待相对。显式等待提供了一种更灵活的方式来等待页面上的元素或条件&#xff0c;因为它允许你指定等待条件和时间…

Opencv学习项目4——pyzbar

Pyzbar介绍 Pyzbar 是一个用于解码条形码和二维码的 Python 库。它是基于 ZBar 条形码扫描器库的 Python 绑定&#xff0c;支持多种条形码格式&#xff0c;包括 QR 码、EAN-13、UPC-A、Code 128 等。 Pyzbar 的主要功能 解码多种类型的条形码和二维码&#xff1a;支持包括 QR 码…

前端构建工具其配置过程

前端构建工具&#xff08;如Webpack、Rollup等&#xff09;其配置过程。 前端构建工具&#xff0c;如Webpack和Rollup&#xff0c;是用于管理和优化前端项目模块化结构的工具。它们的主要任务是打包代码&#xff0c;压缩资源&#xff0c;处理依赖&#xff0c;以及实现模块化的…

Python: HexBinDecOct

因为&#xff1a; f0b1001110# 十进制 int()a0*2**01*2**11*2**21*2**30*2**40*2**51*2**6print(a)# 八进制 oct()print(78/8,78%8)# 110 001 001 8 116print(1*2**00*2**10*2**2,1*2**00*2**10*2**2,0*2**01*2**11*2**2)#十六进制 hex()#0 100 1110 16 4Eprint(sixteenFoo(0*…

SpringCloud微服务框架的原理及应用详解(四)

本系列文章简介&#xff1a; 随着云计算、大数据和物联网等技术的飞速发展&#xff0c;企业应用系统的规模和复杂度不断增加&#xff0c;传统的单体架构已经难以满足快速迭代、高并发、高可用性等现代业务需求。在这样的背景下&#xff0c;微服务架构应运而生&#xff0c;成为了…

汉语拼音字母表 (声母表和韵母表)

汉语拼音字母表 [声母表和韵母表] 1. 汉语拼音声母表2. 汉语拼音韵母表References 1. 汉语拼音声母表 声母是韵母前的辅音&#xff0c;与韵母一起构成一个完整的音节。 辅音是发声时&#xff0c;气流在口腔中受到各种阻碍所产生的声音&#xff0c;发音的过程即是气流受阻和克…

Python中的交互式GUI开发:与MATLAB uicontrol的比较

Python中的交互式GUI开发 Python中的交互式GUI开发&#xff1a;与MATLAB uicontrol的比较**Python GUI开发库****Tkinter****PyQt/PySide** **与MATLAB的比较****总结** Python中的交互式GUI开发&#xff1a;与MATLAB uicontrol的比较 在MATLAB中&#xff0c;uicontrol 是一个…

ubuntu设置第三方库环境变量

首先打开~/.bashrc配置文件 sudo gedit ~/.bashrc打开后文末添加,/xxx改成你库文件的路径 export LD_LIBRARY_PATH/xxx:$LD_LIBRARY_PATH 记住最最最重要的事情source一下 source ~/.bashrc 具体了解.bashrc配置文件的&#xff0c;可以看看 .bashrc

【设计模式之访问者模式 -- C++】

访问者模式 – 操作对象&#xff0c;分离算法 访问者模式&#xff08;Visitor Pattern&#xff09;是一种将算法与对象结构分离的设计模式。这种模式主要用于操作一个由许多对象构成的复杂对象结构&#xff0c;它能够在不修改这些对象的类的前提下定义作用于这些对象的新操作。…

Linux信号量机制总结与实例解析

目录 第一章&#xff1a;Linux信号量基础 1.1 信号量概念 1.2 信号量类型 1.3 信号量操作 1.4 实战案例&#xff1a;信号量在多线程同步中的应用 1.5 实战案例&#xff1a;信号量在进程间同步中的应用 第二章&#xff1a;Linux信号量高级应用 2.1 信号量与实时操作系统 …

2024年6月大众点评成都餐饮店铺POI分析22万家

2024年6月大众点评成都餐饮店铺POI共有221002家 店铺POI点位示例&#xff1a; 店铺id CACuqlcUQApLA7Ki 店铺名称 峨眉山豆腐脑(百吉街店) 十分制服务评分 7.3 十分制环境评分 7.5 十分制划算评分 7.1 人均价格 18 评价数量 38 店铺地址 百吉街86号1层 大类 美食 中类…

关于edge浏览器注册Kaggle不显示验证部分的问题

使用edge注册kaggle没有显示验证的部分导致无法完成注册 法一 谷歌大法好&#xff0c;使用谷歌注册就么有问题&#xff0c;然鹅需要魔法上网。 法二 使用 edge的Header Editor的插件 收到邮件后填写即可 参考博客&#xff1a; Kaggle平台注册弹不出验证码怎么办&#…

聊聊Vue中的Router(路由)

Vue构造的是一个单页面应用 在 Vue 中&#xff0c;router&#xff08;路由&#xff09;用于定义应用的不同页面路径和组件之间的映射关系&#xff0c;通过路由从而实现页面的切换和导航功能 vue中所有的xxx.vue文件&#xff0c;都是路由组件&#xff0c;这些组件都会被vue读取…

【物联网】NB-IoT

目录 一、什么是NBIOT 二、NB-IoT的特点 三、NBIOT的工作状态 四、移远NB-IoT模块及AT指令 一、什么是NBIOT NB-IoT&#xff08;Narrow Band Internet of Things&#xff09;窄带物联网&#xff0c;构建于蜂窝网络&#xff0c;所占用的带宽很窄&#xff0c;只需约180KHz&am…

基于NURBS曲线的数据拟合算法matlab仿真

目录 1.程序功能描述 2.测试软件版本以及运行结果展示 3.核心程序 4.本算法原理 4.1NURBS曲线基础 4.2 数据拟合原理 5.完整程序 1.程序功能描述 基于NURBS曲线的数据拟合算法,非均匀有理B样条&#xff08;Non-Uniform Rational B-Splines&#xff0c;简称NURBS&#xf…

rapidjson源码解析

基础组件 #mermaid-svg-HpR2Zha3TK2OHfEW {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-HpR2Zha3TK2OHfEW .error-icon{fill:#552222;}#mermaid-svg-HpR2Zha3TK2OHfEW .error-text{fill:#552222;stroke:#552222;}#…

史上最强面试题,拿大厂京东,阿里offer全靠它。程序员必看。

答&#xff1a;对于short s1 1; s1 s1 1;由于1是int类型&#xff0c;因此s11运算结果也是int 型&#xff0c;需要强制转换类型才能赋值给short型。而short s1 1; s1 1;可以正确编译&#xff0c;因为s1 1;相当于s1 (short)(s1 1);其中有隐含的强制类型转换。 #6、Java 有…

Java学习 (二)关键字、标识符、数组

一、关键字 我们第一章案例中有很多关键字&#xff0c;比如class、public、static、void等&#xff0c;这些关键字依旧被java定义好了&#xff0c;可以拿来用&#xff0c;不需要死记硬背&#xff0c;按照官方文档查询即可 #官方文档 https://docs.oracle.com/javase/tutorial/j…