typescript知识总结及在react、vue中的应用(上)

简介: typescript知识总结及在react、vue中的应用(上)

1.是什么


是JavaScript的超集,既javascript中有的他都有,甚至还有他没有的。

2.ts的数据类型


就是js+ts自带的类型,这个很重要,务必全部掌握。

image.png

3.类型注解及联合类型


项目中使用最多最频繁,结合上面数据类型使用。

let a : string = 'aaaa' //这就是典型的类型注解 :形式

image.png

4.函数类型和数组类型


函数类型使用的频率很高,100%使用率,务必掌握。

image.png

image.png

image.png

image.png

image.png

5.对象类型


对象类型使用的频率很高,100%使用率,务必掌握。

image.png

image.png

6.接口


项目中使用频繁,也比较方便,可能还会和接口继承组合使用。

简而言之:接口描述对象类型!

image.png

接口继承

image.png

7.元组


使用场景:明确的知道数组里面有几个值

image.png

8.类型推论


这个其实就是js的,不过这个还是有类型保护机制的,这个比较方便

image.png

9.类型断言


当我(程序员)比ts更知道是什么类型时使用

image.png

image.png

10.字面量类型


注意 const 的使用场景以及和联合类型组合使用

image.png

image.png

11.枚举类型


一般用于固定的数据

image.png

image.png

数字枚举

image.png

字符串枚举

image.png

12.any类型


说是不推荐使用,实际真香!

image.png

相关文章
|
19天前
|
JavaScript 前端开发 API
详解React与Vue的性能对比
详解React与Vue的性能对比
61 0
|
4天前
|
JavaScript 前端开发 UED
动画效果:给 Vue 应用添加过渡和动画
【4月更文挑战第22天】Vue 框架提供强大的过渡和动画功能,增强用户体验,创建流畅的用户界面。通过CSS动画、设置过渡属性和自定义过渡,开发者能实现多样化效果。同时,结合组件状态、关注性能并测试优化,确保在不同设备上运行良好,打造引人入胜的应用交互。
|
15天前
|
JavaScript 前端开发 API
Vue.js:构建高效且灵活的Web应用的利器
Vue.js:构建高效且灵活的Web应用的利器
|
24天前
|
JavaScript 前端开发 算法
vue与react的区别?
vue与react的区别?
13 1
|
1月前
|
运维 JavaScript 前端开发
发现了一款宝藏学习项目,包含了Web全栈的知识体系,JS、Vue、React知识就靠它了!
发现了一款宝藏学习项目,包含了Web全栈的知识体系,JS、Vue、React知识就靠它了!
|
1月前
|
前端开发 JavaScript 安全
使用React、TypeScript和Ant Design构建现代化前端应用
使用React、TypeScript和Ant Design构建现代化前端应用
25 0
|
1月前
|
开发框架 前端开发 JavaScript
使用React、Redux和Bootstrap构建社交媒体应用
使用React、Redux和Bootstrap构建社交媒体应用
15 0
|
1月前
|
JavaScript 前端开发 API
Vue.js:构建现代化Web应用的灵活选择
Vue.js:构建现代化Web应用的灵活选择
40 0
|
1月前
|
XML 前端开发 JavaScript
【前端】深入了解React JSX语法及实例应用
【前端】深入了解React JSX语法及实例应用
16 0
|
1月前
|
JavaScript 前端开发
在Vue中使用TypeScript的常见问题有哪些?
在Vue中使用TypeScript的常见问题有哪些?
28 2