TypeScript 简介

一、什么是 TypeScript？

TypeScript 是一种由微软开发的开源编程语言，它是 JavaScript 的超集，设计目标是为 JavaScript 添加可选的静态类型定义和其他一些面向对象的特性，同时保持对现有 JavaScript 代码的兼容性。 TypeScript 通过在编译阶段进行静态类型检查，能够帮助开发者提前发现潜在的错误，提高了代码的可维护性和可读性。 编译完成后，TypeScript 代码会被转换成普通的 JavaScript 代码，这样就可以在任何支持 JavaScript 的环境中运行，包括浏览器和 Node.js 服务器。

TypeScript 主要特点包括：

• 静态类型：虽然 JavaScript 是动态类型语言，TypeScript 允许你为变量、函数参数、函数返回值等指定类型，这有助于开发大型应用时减少错误。

• 兼容 JavaScript：任何有效的 JavaScript 代码也是有效的 TypeScript 代码，你可以逐步地将 JavaScript 项目迁移到 TypeScript。

• 面向对象编程特性：支持类、接口、继承、泛型等，使得构建复杂的面向对象体系结构更加容易。

• 现代 JavaScript 特性：TypeScript 支持最新的 ECMAScript 特性，比如异步编程中的 async/await，即使这些特性在某些运行环境下还未完全支持。

• 强大的工具支持：由于类型信息的存在，编辑器和IDE能够提供更智能的代码补全、接口提示、跳转到定义和重构等功能，提升了开发效率。

总的来说，TypeScript 为 JavaScript 开发带来了更强的类型安全性和更丰富的开发工具支持，尤其适合团队协作和构建大规模应用项目。

二、安装 TypeScript

我们通过 npm（Node.js 包管理器）

1. 安装 node.js。

   1. 下载：Node.js — Download Node.js®

   2. 安装

2. 安装 TypeScript，运行命令

   > npm install -g typescript

三、执行第一个 TypeScript 文件

1. 编写 ts 源文件：在编辑器，将下面的代码输入到greeter.ts文件里：

   function greeter(person) {
       return "Hello, " + person;
   }
   let user = "Jane User";
   let h1 = document.createElement("h1");
   h1.innerHTML = greeter(user);
   document.body.appendChild(h1);

2. 编译代码:我们使用了 .ts 扩展名，但是这段代码仅仅是 JavaScript 而已。 在命令行上，运行 TypeScript 编译器：

   > tsc greeter.ts

   输出结果为一个 greeter.js 文件，它包含了和输入文件中相同的 JavsScript 代码。

3. 运行。在网页中引入该 js 代码，执行。