TypeScript是什么,为什么要使用它?

核心提示从历史上看,JavaScript已经成为了在Internet上编写网页和应用程序脚本语言的主要语言。但是否能通过JavaScript创建大型复杂Web应用系统呢?可能那么容易。不过值得庆幸的是,我们还有一个解决方案TypeScript。在过

从历史上看,Javascript已经成为了在Internet上编写网页和应用程序脚本语言的主要语言。但是否能通过Javascript创建大型复杂Web应用系统呢?可能那么容易。

不过值得庆幸的是,我们还有一个解决方案Typescript。

在过去的几年中,Typescript的受欢迎程度一直在增长。在2020年最有前途的五种语言中,它也是其中之一。目前最大的前端框架之一的Angular正在使用Typescript,而在大约60%的前端程序员正在使用或曾使用过Typescript,而另外22%的开发者希望尝试使用。

在本文中,我们将向您介绍Typescript,并引导您开始向Javascript代码添加类型。

以下是我们本文中要介绍的一些要点:

  • 什么是Typescript?
  • 什么是类型,它们在Typescript中如何工作?
  • Javascript与Typescript:选择哪一个?
  • 如何开始使用Typescript
  • 有关学习Typescript的更多资源
什么是Typescript?简而言之,Typescript是Javascript的超集,具有可选的类型并可以编译为纯Javascript。从技术上讲Typescript就是具有静态类型的 Javascript 。Typescript中的类型可以是隐式的也可以是显式的。

如果您未明确编写类型,则编译器将使用类型推断来推断您正在使用的类型。但是,显式地编写它们会带来很多好处,例如帮助其他开发人员阅读您的代码,并确保您所看到的就是编译器所看到的。

Typescript vs. Javascript让我们看一下以下这个图表:在2020年第一季度的GitHub拉取请求中,Typescript从无到有地排在第7位,高于PHP和C语言。

虽然这在很大程度上是因为微软和谷歌等公司对Typescript的支持,但支持它是有充分的理由的。选择Typescript而非Javascript的3个原因

  1. Typescript更可靠
与Javascript相比,Typescript代码更可靠、更容易重构。这使开发人员可以更轻松地避免错误并进行重写。

类型的定义和编译器的引入,可使你避免掉代码中的大多数愚蠢错误。

  1. Typescript更清晰
显式类型使我们代码可读性更高,所以我们的注意力将会更集中在我们的系统究竟是如何构建的,以及系统的不同部分如何相互作用。在大型系统中,能够在记住上下文的同时抽象出系统的其余部分是很重要的。类型的定义使我们能够做到这一点。

  1. Typescript和Javascript实际上是可以互换的,何乐而不为呢?
由于Javascript是Typescript的子集,因此您可以在Typescript代码中使用您想要的所有Javascript库和代码。Typescript快速入门指南Typescript编译器要编译您的Typescript代码,您需要安装tsc(Typescript编译器的缩写)。最简单的方法是通过npm使用以下命令轻松完成此操作:npm install -g typescript如果要在VS Code中使用Typescript,你能够在其网站上找到相应的指南。安装完成后tsc,您可以使用命令编译文件tsc filename.ts

将文件从Javascript迁移到Typescript假设我们要将以下Javascript代码更改为Typescript:function my_sum { return a + b; }let a = 4; let b = "5"; my_sum; 从技术上讲,任何Javascript文件都可以是Typescript文件,因此您只需将文件扩展名从.js切换到.ts即可。Typescript具有类型推断功能,这意味着它可以自动推断您使用的某些类型。但如果只想对数字求和,则可以对my_sum函数添加类型以使其仅接受数字类型的变量。function my_sum { return a + b;}let a = 4; let b = 5; my_sum; 如何在浏览器中使用Typescript?要在浏览器中运行Typescript,需要使用Typescript编译器(tsc)将其转换为Javascript。

在这种情况下,请tsc根据.ts代码创建一个新的.js文件,您可以使用使用Javascript文件的任何方式使用该文件。进一步学习的资源Typescript深入研究这个免费的Web资源提供了您从Typescript开始所需的一切,包括我们已经在此处介绍的部分的更详细的说明。从头开始学习Typescript!这是一门实用的3小时课程,涵盖Typescript的所有基本功能,如何使用它与某些Javascript框架进行交互以及在编写Javascript时如何利用Typescript的功能。

结论总体而言,Typescript是一个很好的工具,即使您没有使用过它,也可以将其纳入你的学习计划中。从点滴开始学起,慢慢的你就会很快上手的,因为Typescript的学习曲线对初学者非常友好,所以你无需担心。最后,希望本文对你的Typescript学习带来一些帮助。

 
友情链接
鄂ICP备19019357号-22