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

相关文章
|
2月前
|
JavaScript 前端开发 API
对比Vue框架与React库的主要区别
在选择Vue还是React时,考虑项目的需求、团队的熟悉程度和个人偏好至关重要。如果项目需要快速原型开发和较小的学习曲线,Vue可能是更好的选择。相反,如果项目需要更大的灵活性,或者项目团队已经有React的经验,那么React可能是更合适的选择。
152 13
|
5月前
|
移动开发 前端开发 JavaScript
Vue与React两大前端框架的主要差异点
以上就是Vue和React的主要差异点,希望对你有所帮助。在选择使用哪一个框架时,需要根据项目的具体需求和团队的技术栈来决定。
346 83
|
4月前
|
JavaScript 前端开发 编译器
Vue与TypeScript:如何实现更强大的前端开发
Vue.js 以其简洁的语法和灵活的架构在前端开发中广受欢迎,而 TypeScript 作为一种静态类型语言,为 JavaScript 提供了强大的类型系统和编译时检查。将 Vue.js 与 TypeScript 结合使用,不仅可以提升代码的可维护性和可扩展性,还能减少运行时错误,提高开发效率。本文将介绍如何在 Vue.js 项目中使用 TypeScript,并通过一些代码示例展示其强大功能。
200 22
|
7月前
|
JavaScript 数据安全/隐私保护
Vue Amazing UI 组件库(Vue3+TypeScript+Vite 等最新技术栈开发)
Vue Amazing UI 是一个基于 Vue 3、TypeScript、Vite 等最新技术栈开发构建的现代化组件库,包含丰富的 UI 组件和常用工具函数,并且持续不断维护更新中。另外,组件库全量使用 TypeScript,支持自动按需引入和 Tree Shaking 等,能够显著提升开发效率,降低开发成本。
462 5
Vue Amazing UI 组件库(Vue3+TypeScript+Vite 等最新技术栈开发)
|
6月前
|
JavaScript 前端开发 算法
vue和react 哪个更强大
vue和react 哪个更强大
161 3
|
10月前
|
存储 缓存 JavaScript
如何优化React或Vue应用的性能
需要注意的是,性能优化是一个持续的过程,需要根据具体的应用场景和性能问题进行针对性的优化。同时,不同的项目和团队可能有不同的优化重点和方法,要结合实际情况灵活运用这些优化策略,以达到最佳的性能效果。
342 61
|
10月前
|
JavaScript 前端开发 测试技术
React和Vue的性能对比如何?
需要注意的是,性能不仅仅取决于框架本身,还与开发者的代码质量、架构设计以及项目的优化程度等密切相关。因此,在评估性能时,应该综合考虑多个因素,而不是仅仅局限于框架之间的比较。
577 58
|
9月前
|
数据采集 JavaScript 前端开发
异步请求在TypeScript网络爬虫中的应用
异步请求在TypeScript网络爬虫中的应用
|
10月前
|
JavaScript 前端开发 安全
JavaScript与TypeScript的对比,分析了两者的特性及在实际项目中的应用选择
本文深入探讨了JavaScript与TypeScript的对比,分析了两者的特性及在实际项目中的应用选择。JavaScript以其灵活性和广泛的生态支持著称,而TypeScript通过引入静态类型系统,提高了代码的可靠性和可维护性,特别适合大型项目。文章还讨论了结合使用两种语言的优势,以及如何根据项目需求和技术背景做出最佳选择。
887 4
|
10月前
|
机器学习/深度学习 人工智能 JavaScript
JavaScript和TypeScript的未来发展趋势及其在Web开发中的应用前景
本文探讨了JavaScript和TypeScript的未来发展趋势及其在Web开发中的应用前景。JavaScript将注重性能优化、跨平台开发、AI融合及WebAssembly整合;TypeScript则强调与框架整合、强类型检查、前端工程化及WebAssembly的深度结合。两者结合发展,特别是在Vue 3.0中完全采用TypeScript编写,预示着未来的Web开发将更加高效、可靠。
421 4