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

相关文章
|
12天前
|
前端开发 JavaScript 开发者
React与Vue:前端框架的巅峰对决与选择策略
【10月更文挑战第23天】React与Vue:前端框架的巅峰对决与选择策略
|
15天前
|
前端开发 JavaScript
手敲Webpack 5:React + TypeScript项目脚手架搭建实践
手敲Webpack 5:React + TypeScript项目脚手架搭建实践
|
12天前
|
前端开发 JavaScript 数据管理
React与Vue:两大前端框架的较量与选择策略
【10月更文挑战第23天】React与Vue:两大前端框架的较量与选择策略
|
12天前
|
JavaScript 前端开发 算法
在性能上,React和Vue有什么区别
【10月更文挑战第23天】在性能上,React和Vue有什么区别
9 1
|
17天前
|
JavaScript 前端开发 算法
前端优化之超大数组更新:深入分析Vue/React/Svelte的更新渲染策略
本文对比了 Vue、React 和 Svelte 在数组渲染方面的实现方式和优缺点,探讨了它们与直接操作 DOM 的差异及 Web Components 的实现方式。Vue 通过响应式系统自动管理数据变化,React 利用虚拟 DOM 和 `diffing` 算法优化更新,Svelte 通过编译时优化提升性能。文章还介绍了数组更新的优化策略,如使用 `key`、分片渲染、虚拟滚动等,帮助开发者在处理大型数组时提升性能。总结指出,选择合适的框架应根据项目复杂度和性能需求来决定。
|
12天前
|
前端开发 JavaScript 开发者
React与Vue:前端框架的巅峰对决与选择策略
【10月更文挑战第23天】 React与Vue:前端框架的巅峰对决与选择策略
|
12天前
|
JavaScript 前端开发 数据管理
React和Vue的优缺点
【10月更文挑战第23天】React和Vue的优缺点
7 0
|
12天前
|
开发框架 JavaScript 前端开发
React和Vue之间的区别是什么
【10月更文挑战第23天】React和Vue之间的区别是什么
9 0
|
12天前
|
JavaScript 前端开发 Android开发
React和Vue之间的区别是什么
【10月更文挑战第23天】React和Vue之间的区别是什么
8 0
|
12天前
|
JavaScript 前端开发 安全
TypeScript进阶:类型系统与高级类型的应用
【10月更文挑战第25天】TypeScript作为JavaScript的超集,其类型系统是其核心特性之一。本文通过代码示例介绍了TypeScript的基本数据类型、联合类型、交叉类型、泛型和条件类型等高级类型的应用。这些特性不仅提高了代码的可读性和可维护性,还帮助开发者构建更健壮的应用程序。
19 0
下一篇
无影云桌面