[Typescript入门(1)|青训营笔记]

88 阅读2分钟

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

今天的[typescript的发展与基本语法]视频课是学习typescript的课程,这节课将主要为我们解读 TypeScript的优势及其主要使用的工具。TypeScript是JavaScript的语法超集,它添加了静态类型,近几年的发展中,也受到诸多开发者的喜爱。Typescript的社区逐渐壮大,日趋完善,为越来越多前端开发者提供服务。
我对今天视频的知识进行了整理和概括,具体内容如下:

1. TypeScript历史及定义解析

Typescript发展非常迅速,它是近几年出来的一门编程语言,由于它极大的便利与开发效果绝佳,所以受到大众的喜欢。它的发展历史主要以以下几个时间段为主:

QQ截图20230119205718.png 那么我们为什么要选择Typescrip呢?它有什么优势? 首先我们把Typescript与JavaScript进行对比一下看看: QQ截图20230119205951.png 由图中我们可以看出Typescript和JavaScript还是有许多不同的地方,比如语言类型就不同,Typescript是静态语言。什么是静态语言呢?静态语言最突出的特点就是编译发生在代码执行之前,只要编译出错代码就执行不会成功。而动态语言是直接执行代码,运行代码直接成功,不会产生编译错误。 而Typescript又有哪些优点呢?让我们一起来看看: QQ截图20230119210214.png

其实Typescript好的开发编辑器不多,大家可以选择使用Typescript官网的在线编辑,主要不用下载比较方便。但我更推荐大家使用visual studio code开发,这一款编辑器非常好用,功能也强大。

2.基本语法

  • Typescript的基本数据类型定义和JavaScript大体上差不多,需要在变量名后加 和数据类型,只是加了一点东西。具体形式如下(左侧是JavaScript,右侧是Typescript):

QQ截图20230119211119.png

  • Typescript的对象数据类型就有许多不同之处,单独定义了一个对象装数据类型,如下定义Typescript的对象数据类型:

QQ截图20230119211305.png

  • Typescript的函数定义也有多种方式,函数定义时和简单数据类型一样需要把数据的类型加上,具体如下:

QQ截图20230119211440.png

  • Typescript的数组定义和对象有点一样,它是[类型+方括号]表示,具体定义方式如下:

QQ截图20230119211541.png

  • 除此之外Typescript还有新增的类型,如下:

QQ截图20230119211646.png

这节课主要就是带我们了解Typescript的一些基本语法,如果想要更加熟练使用它,我还是要下来花一些时间好好学习。好了今天的分享到此结束,我们明天见,希望大家指出不足之处以待改正~~