TypeScript 开始第二步 —— ts-node安装及其使用

前言

一直在搞公司的实习考试，导师太忙，没人能指导我，就只能自己摸索了，搞到晚上8点多才算过了......

后来仔细了解了下才发现这压根不用ts......

昨天难得的休假，睡了一天......

一、安装编译 TS 的工具包

因为以前的 node.js 或浏览器只认得 js 代码，不认识 ts 代码，工具包可以把 ts 代码转化为 js 代码，然后才能运行。

//安装命令:
npm i -g typescript

typescript 包用来编译 ts 代码的包，提供了 tsc 命令，可以实现 ts -> js 的转化。

//验证是否安装成功:(查看typescript的版本)
tsc -v

二、编译并运行TS 代码

我们可以先创建一个 1.ts 文件来进行一些简单的认识，在终端中输入命令 tsc 1.ts，此时，在同级目录中会出现一个同名的 1.js 文件。

//把 file.ts 文件逻辑再重构一份对应的 1.js 文件 
tsc 1.ts

//执行js代码（需要先安装node）
node 1.is.

执行该命令可以看到我们的 ts 文件被重构了一份 js 文件。

题外话：

ts文件中如果没有声明数据类型，那么也可以通过最新版本的node来运行ts文件，因为此时的ts文件就可以当成js文件来运行。

但如果声明了数据类型那么会报错：

那么有没有类似于node那样可以运行js的包来运行ts呢？

肯定有的：ts-node

三、简化运行 TS 的步骤

在过去，运行 ts 文件需要将其编译成 js 文件，然后再在 node.js 中执行 js 文件。但是随着 ts 的发展，现在的 ts 已经内置了对 js 的支持，因此可以直接运行 ts 文件而不需要手动编译成 js。

//安装命令:
npm i -g ts-node

//使用方式:
ts-node 1.ts.

ts-node 命令在内部偷偷会将 ts -> js，这样就可以像js一样运行ts文件了。

注：如果出现报错 先执行tsc -init，然后再执行ts-node

四、TS 的类型注解

我们都知道ts是js的超集，ts提供了js的所有功能，并且额外的增加了:类型系统。

• 所有的js代码都是ts代码
• js有类型(比如number、string 等)，但是js不会检查变量的类型是否发生变化，而ts会检查。

当我们在js中写一个错误的逻辑方法时，我们只有在运行阶段才知道这段js代码类型出现了问题，但是我们在编译前并不清楚。

当我们在ts中这么写时，就可以通过ts的类型注解提前得知类型出现问题。

ts类型系统的主要优势:可以显示标记出代码中的意外行为，从而降低了发生错误的可能性。