typescript概论及运用 | 青训营笔记

104 阅读2分钟

TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。

TypeScript 提供最新的和不断发展的 JavaScript 特性,包括那些来自 2015 年的 ECMAScript 和未来的提案中的特性,比如异步功能和 Decorators,以帮助建立健壮的组件。

TS和JS之间的关系其实就是Less和CSS之间的关系: 就像Less是对CSS进行扩展一样, TS也是对JS进行扩展, 就像Less最终会转换成CSS一样, 我们编写好的TS代码最终也会换成JS。

image.png

诞生背景:

  • JavaScript 诞生之初并没有考虑的很复杂,天生自带的一些设计缺陷如变量提升、数组和对象难以区分、基本类型的包装对象易混淆等不严格的语法规则。
  • 前端技术开始逐渐需要满足比之前更为复杂的用户需求。
  • 由于JavaScript语⾔本⾝的局限性,难以胜任和维护⼤型项⽬开发

TS与JS:

image.png

TS的运用:

  • Web开发:可以用于开发Web应用程序,如单页面应用程序、响应式Web应用程序、电子商务网站等。
  • 移动开发:可以用于开发移动应用程序,如iOS和Android应用程序。
  • 游戏开发:可以用于游戏开发,如HTML5游戏、手机游戏等。
  • 服务器端开发:以用于服务器端开发,如构建RESTful API、Web服务、消息队列等。

TS的安装:

image.png

image.png

TS的使用:

1、创建hello.ts文件

image.png 2、将TS编译为JS:在终端输入命令:tsc hello.ts

image.png 3、执行JS代码:在终端输入命令:node hello.js

原始类型:

number/string/boolean/null/undefined/symbol

对象类型:object(包括数组、对象、函数等)

数组类型:number[]

TS的前景:

在华为云发布的《“2022前端开发者现状报告”解读》中,我们可以得知,typescript被越来越多的前端开发者接受。有84.1%受访者使用过TS。

image.png

在华为云发布的《“2022前端开发者现状报告”解读》中,我们可以得知,对于typescript的前景,前端开发者也十分看好,只有不到13%的受访者表示,JS在前端的地位会屹立不倒。

image.png