『TypeScript』从零开始编写你的第一个TypeScript程序
📣读完这篇文章里你能收获到
- 了解TypeScript及为什么使用TypeScript
- TypeScript的安装过程
- 编写第一个HelloTs程序
文章目录
- 一、TypeScript简介
- 1. 什么是TypeScript？
- 2. 为什么选择使用TypeScript？
- 2.1 静态类型检查
- 2.2 更好的代码维护性
- 2.3 更丰富的工具支持
- 2.4 渐进式采用
- 二、TypeScript安装
- 三、编写第一个TypeScript程序
- 1. 生成js文件
- 2. 直接运行ts文件s
一、TypeScript简介
1. 什么是TypeScript？
TypeScript 是一种由微软开发的开源编程语言，它是 JavaScript 的超集，为 JavaScript 添加了静态类型检查。TypeScript 扩展了 JavaScript 的语法，并引入了强类型和面向对象的特性，使得 JavaScript 可以用更严格的方式进行开发。
与 JavaScript 相比，TypeScript 提供了更好的代码提示和自动补全功能，减少了潜在的运行时错误，并提高了代码的可读性和可维护性。同时，TypeScript 可以编译为纯 JavaScript 代码，在任何支持 JavaScript 的环境中运行，这意味着现有的 JavaScript 代码可以无缝迁移到 TypeScript 中。
2. 为什么选择使用TypeScript？
2.1 静态类型检查
JavaScript 是一种动态类型语言，这意味着变量的类型在运行时才确定。这样的特性带来了一些潜在的问题，比如类型错误只能在运行时被发现。而 TypeScript 引入了静态类型检查，可以在编译时捕获类型错误，避免了许多常见的错误。
2.2 更好的代码维护性
TypeScript 强调代码的可读性和可维护性。通过类型注解和接口定义，我们可以清晰地了解代码的意图和结构。TypeScript 还支持模块化开发，可以将代码分割为多个模块，提高了代码的组织性和可复用性。
2.3 更丰富的工具支持
TypeScript 提供了丰富的开发工具支持。主流的集成开发环境（IDE）如 Visual Studio Code 和 WebStorm 都对 TypeScript 提供了良好的支持，包括代码提示、自动补全、重构等功能。此外，TypeScript 还有强大的类型定义库，可以方便地使用第三方 JavaScript 库。
2.4 渐进式采用
TypeScript 的语法和 JavaScript 基本兼容，现有的 JavaScript 代码可以逐步迁移到 TypeScript 中，不需要一次性重写整个项目。这使得团队可以根据实际情况选择性地采用 TypeScript，无需投入过多的时间和资源。
二、TypeScript安装
- 安装node.js
- 全局安装typescript
npm i -g typescript
- 安装完成后，检查是否成功
tsc -v
三、编写第一个TypeScript程序
1. 生成js文件
- 创建一个ts文件
_hello.ts_
console.log('helloTS');
- 使用tsc对文件进行编译
tsc .\hello.ts
- 编译成功：
生成了对应的js文件
w
2. 直接运行ts文件s
- 安装ts-node工具
sudo npm install -g ts-node
- 初始化
tsconfig.json配置文件
tsc -init
- 使用
ts-node运行.ts文件
ts-node .\hello.ts
