cdw2: TypeScript

学如逆水行舟~

于 2025-04-08 22:41:06 发布

阅读量265

点赞数 3

分类专栏： typescript 文章标签： typescript

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/wk964269669/article/details/146723511

版权

typescript 专栏收录该内容

4 篇文章

订阅专栏

一、javascript的问题

在这里插入图片描述

二、初识typescript

在这里插入图片描述

在这里插入图片描述

https://mp.weixin.qq.com/s/wnL1l-ERjTDykWM76l4Ajw

三、类型

在这里插入图片描述

二进制：ob开头，八进制：0o开头，十六进制：0x开头

开发中不这样写

这样写

匿名函数的参数最好不要指定参数类型，会根据上下文推导出

any类型

在这里插入图片描述

unknow类型

unknown类型默认情况下在上面进行任意的操作都是非法的
要求必须进行类型的校验(缩小), 才能根据缩小之后的类型, 进行对应的操作
在这里插入图片描述

void类型

函数指定返回值是void，允许return undefined，并不会报错
在这里插入图片描述

在这里插入图片描述

never类型

①实际开发中只有进行类型推导时, 可能会自动推导出来是never类型, 但是很少使用它
②封装框架/工具库的时候可以使用一下never
在这里插入图片描述

在这里插入图片描述

联合类型

在这里插入图片描述

类型别名

type
在这里插入图片描述

interface

只能用来声明对象
在这里插入图片描述
interface和type的区别

交叉类型

在这里插入图片描述

类型断言 as

在这里插入图片描述

非空类型断言

在这里插入图片描述

字面量类型

在这里插入图片描述

类型缩小

在这里插入图片描述

在这里插入图片描述

ts函数类型

在这里插入图片描述
匿名函数的参数不需要写类型注解，ts会自动推导

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

可推导的this类型

https://mp.weixin.qq.com/s/hYm0JgBI25grNG_2sCRlTA
在这里插入图片描述
tsc --init 初始化ts配置文件

在这里插入图片描述

四、ts中的面向对象

在这里插入图片描述

private和protected 实例不可访问

在这里插入图片描述
是个语法糖，必须显示的写上修饰符

在这里插入图片描述

在这里插入图片描述

ts使用的类型检测方法：鸭子类型

在这里插入图片描述

类的类型

在这里插入图片描述

索引签名

在这里插入图片描述

接口继承

在这里插入图片描述

在这里插入图片描述

严格的字面量赋值检测

在这里插入图片描述

在这里插入图片描述

枚举类型

在这里插入图片描述

五、泛型

在这里插入图片描述

在这里插入图片描述

https://github.com/type-challenges/type-challenges
https://ghaiklor.github.io/type-challenges-solutions/en/

六、语法扩展

ts模块化

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

https://github.com/microsoft/TypeScript/tree/main/lib

快速搭建一个webpack server

在这里插入图片描述

tsconfig.json

在这里插入图片描述

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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