TypeScript 的发展与基本语法 | 青训营笔记

75 阅读1分钟

这是我参与「第五届青训营」伴学笔记创作活动的第6天

一、本课重点

  • 了解TypeScript的发展
  • 了解TypeScript的基本语法

一、TypeScript的发展历史

  • 2012-10:微软发布了TypeScript第一个版本(0.8)
  • 2014-10: Angular 发布了基于TypeScript的2.0版本
  • 2015-04:微软发布了 Visual Studio Code
  • 2016-05: @types/react 发布,TypeScript 可开发React
  • 2020-09: Vue发布了3.0版本,官方支持 TypeScript
  • 2021-11: v4.5版本发布

二、了解TypeScript

1、什么是TypeScript TypeScript是JavaScript的超集,具有可选的类型并可以编译为纯JavaScript。从技术上讲TypeScript就是具有静态类型的JavaScript。 2、为什么选择TypeScript

  • TypeScript是静态类型
    • 可读性增强:基于语法解析TSDoc , ide增强
    • 可维护性增强∶在编译阶段暴露大部分错误→在多人合作的大型项目中,能获得更好的稳定 性和开发效率
  • 是JS的超集
    • 包含于兼容所有JSJS特性,支持共存
    • 支持渐进式引入与升级

三、TypeScript的基本语法

1、基础数据类型

image.png

2、对象类型

只读属性、可选属性、任意属性 image.png

image.png 3、函数类型

image.png 4、函数重载

image.png 5、数组类型

image.png 6、TypeScript补充类型

image.png 7、TypeScript泛型

image.png

image.png 8、类型别名&类型断言

image.png 9、字符串/数字 字面量

image.png

三、课后总结

今天学习了TypeScript的相关发展历史,了解了为什么我们要选择TypeScript,相对于JavaScript来说,其有哪些优势,以及TypeScript的相关语法。学习了本节课以后,我对前端开发又有了更多了解。