【TypeScript】初识TS

什么是TypeScript？

TypeScript是微软开发的一个开源的编程语言，通过在JavaScript的基础上添加静态类型定义构建而成。TypeScript通过TypeScript编译器或Babel转译为JavaScript代码，可运行在任何浏览器，任何操作系统。

• TypeScript是JavaScript的超集，支持 ES6
  标准。并且现有的js代码可以直接运行在ts中而无需进行任何修改。因为TypeScript可以编译成纯JavaScript，所以可运行在任何浏览器、任何操作系统中。
• 近期发布的TypeScript 5.0 引入了新的 decorators 标准，添加新功能从而在 Node 及其捆绑项中更好地支持 ESM
  项目，为库所有者提供了掌控泛型推理（generic inference）的新方法，扩展了 JSDoc
  功能，简化了配置，并进行了许多其他改进。
  https://devblogs.microsoft.com/typescript/announcing-typescript-5-0/

Why TypeScript？

相较于JavaScript，使用TypeScript具有且不限于以下优点：

• 提高代码可读性
• 在编译期间发现错误
• 对强类型的支持
• 与JavaScript兼容
• 支持接口、泛型
• …

HelloWord

获取TypeScript

可以使用npm包管理器来安装TypeScript。

$ npm install -g typescript

出现类似下面的输出表示安装成功了。

可以使用以下命令来验证：

$ tsc -version

效果如下

编译运行

接下来创建一个hello.ts文件，输入如下代码。

var message:string = "Hello TypeScript" 
console.log(message)

使用如下命令讲ts文件编译成js文件：

$ tsc hello.ts

可以看到目录下多出了一个hello.js文件。

这里我们使用node来执行js文件

$ node hello.js 

至此，我们已经打开了TypeScript世界的大门。

需要注意的点

可以看到编译成JavaScript后，变量的类型描述被去掉了（string）

TypeScript 只会在编译阶段对类型进行静态检查，如果发现有错误，编译时就会报错。而在运行时，编译生成的 js 与普通的 JavaScript 文件一样，并不会进行类型检查。