TypeScript 简单介绍

64 阅读2分钟

开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第13天,点击查看活动详情

介绍TypeScript

JavaScript 没有编译和类型检查的束缚,这是一款非常灵活容易上手的编程语言,但这种灵活性也导致我们的程序代码难以维护。尤其是对大型的项目,很多的bug只有在程序运行时才体现出来,

而 TypeScript 的出现从很大程度上弥补了以上的缺点,它并不是一个全新的编程语言,而是 JavaScript 的一个超集,并在之上增加了类型的标注。而这些类型标注也同时增强了编辑器自带的代码提示自动补全功能,大大提升了开发的效率。

1.jpg

使用TypeScript

TypeScript 是不能直接在浏览器或者 node 中运行的。除非不知道大家是否听说过一个叫做 deno 的东西,它是一个同时支持 TypeScript 和 JavaScript 的运行时。deno 刚好是讲 node 反过来了而已。

在大多数情况下,要执行 Typescript 编写的代码,还是要将它转译成 JavaScript 才行,这时就需要转译器 TSC。

3.jpg

TypeScript 的基本概念

JavaScript 中的变量甚至包括函数的类型都是动态决定的,而函数中没有传递的参数也会被直接赋予默认值 undefined,因此对于复杂的程序,如果不运行是很难发现其中的逻辑错误的。

而 TypeScript 正如它名字中的 type 允许强行限制变量的类型,可以在变量后面追加一个冒号并填写一个数据类型。

最基本的数据类型包括 numberstring 布令、 ending 这四种。在默认情况下,如果不指定变量的类型,那么它默认是 any 它代表任意类型。换句话说, TypeScript 不会进行类型检查。

对待初值的普通变量,编译器能够自动根据初值(initial value)做类型推导。函数的返回值是确定的,编译器可以自动推断出来。

数组可以用元素类型加上方括号的形式,数组中元素的个数和类型是确定的。

函数的签名可以限定某个函数必须具有特定的参数和返回值,这个对于回调函数非常好用。也可以使用别名避免代码的重复!