从历史上看,Javascript已经成为了在Internet上编写网页和应用程序脚本语言的主要语言。但是否能通过Javascript创建大型复杂Web应用系统呢?可能那么容易。
不过值得庆幸的是,我们还有一个解决方案Typescript。
在过去的几年中,Typescript的受欢迎程度一直在增长。在2020年最有前途的五种语言中,它也是其中之一。目前最大的前端框架之一的Angular正在使用Typescript,而在大约60%的前端程序员正在使用或曾使用过Typescript,而另外22%的开发者希望尝试使用。
在本文中,我们将向您介绍Typescript,并引导您开始向Javascript代码添加类型。
以下是我们本文中要介绍的一些要点:
- 什么是Typescript?
- 什么是类型,它们在Typescript中如何工作?
- Javascript与Typescript:选择哪一个?
- 如何开始使用Typescript
- 有关学习Typescript的更多资源
如果您未明确编写类型,则编译器将使用类型推断来推断您正在使用的类型。但是,显式地编写它们会带来很多好处,例如帮助其他开发人员阅读您的代码,并确保您所看到的就是编译器所看到的。
Typescript vs. Javascript让我们看一下以下这个图表:在2020年第一季度的GitHub拉取请求中,Typescript从无到有地排在第7位,高于PHP和C语言。
虽然这在很大程度上是因为微软和谷歌等公司对Typescript的支持,但支持它是有充分的理由的。选择Typescript而非Javascript的3个原因
- Typescript更可靠
类型的定义和编译器的引入,可使你避免掉代码中的大多数愚蠢错误。
- Typescript更清晰
- Typescript和Javascript实际上是可以互换的,何乐而不为呢?
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学习带来一些帮助。