TypeScript 简介

最新推荐文章于 2025-10-07 17:39:40 发布

原创最新推荐文章于 2025-10-07 17:39:40 发布 · 442 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#typescript

本文介绍了TypeScript，它是JavaScript超集，能添加静态类型定义，提高代码可维护性和可读性。还说明了安装方法，通过npm install -g typescript命令安装。最后展示了编写首个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 包管理器）

安装 node.js。
1. 下载：Node.js — Download Node.js®
2. 安装
安装 TypeScript，运行命令
```
> npm install -g typescript
```

三、执行第一个 TypeScript 文件

编写 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);

编译代码:我们使用了 .ts 扩展名，但是这段代码仅仅是 JavaScript 而已。在命令行上，运行 TypeScript 编译器：
```
> tsc greeter.ts
```
输出结果为一个 greeter.js 文件，它包含了和输入文件中相同的 JavsScript 代码。
运行。在网页中引入该 js 代码，执行。