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

48 阅读2分钟

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

一、本节课重点内容

TypeScript 是 JavaScript 的语法超集,它添加了静态类型,近几年的发展中,也受到诸多开发者的喜爱。

当今技术圈中,Typescript 的社区逐渐壮大,日趋完善,为越来越多前端开发者提供服务,本节课将主要为同学解读 TypeScript 的优势及其主要使用的工具。

对我们来说,其大大的提高了我们的工作效率。

本节课重点如下:

  1. TypeScript 历史及定义解析
  2. TypeScript 优势解读
  3. TypeScript 练习工具

二、详细知识点介绍

发展过程如下: image.png 对比:

image.png

  • 动态类型:在执行的时候才会进行一个检验;
  • 静态类型:在执行之前会直接进行一个检验;

弱类型语言:可进行强制的类型转换。

image.png

image.png 基本语法:

JS基本类型:

image.png

举例: image.png

image.png 为函数添加类型声明的方法:

  1. 直接在原本的函数上进行一个类型的补充;(补充参数的类型、返回值的类型)
  2. 给函数变量赋值一个函数类型;

一般来说,最重要的就是函数的入参与出参,而函数的类型声明也是依靠于这两点来进行的。 函数重载:可以给函数做出更加明确的声明。

image.png

数组类型: image.png 补充类型: image.png image.png 泛型: image.png 需要注意约束与类型别名。 类型别名&类型断言: image.png 我们可以看到, image.png 指定的类型。

三、总结

本节课中,我学习了ts的基础类型,难度较大,需要多吸收一下。 对于数组、范式、约束、类型声明的概念还不够了解,导致有些跟不上老师的讲课节奏。