TypeScript 的演进之路
共 6245字，需浏览 13分钟
·
2023-07-09 01:11
发展历程
2010：设计背景
TypeScript 的发展可以追溯到 2010 年， C# 和 Turbo Pascal 的创建者 Anders Hejlsberg 开始思考如何改进 JavaScript 的开发体验。在那个时候，JavaScript 还没有成为主流的开发语言，而且缺乏一些关键的特性，比如模块化和类型系统。因此，Anders Hejlsberg 决定创建一种新的语言，它可以在保留 JavaScript 精髓的同时，增加一些用来构建大型应用的特性。
在接下来的几年里，微软团队投入了大量的时间和精力来开发 TypeScript，并于 2012 年将其首次公开发布。
2012：正式发布
TypeScript 于 2012 年 10 月正式发布。TypeScript 发布的最初动机就是解决 JavaScript 的缺点，处理复杂JavaScript代码带来的挑战使他们需要自定义工具来简化组件开发流程。
JavaScript 作为一种动态类型的语言，由于缺乏类型检查而容易出现运行时错误。TypeScript 旨在提供可选的静态类型和面向对象的编程功能，使开发人员更轻松地构建和维护复杂的应用。
function greet (name: string): string {
return "Hello, " + name;
}
由于 TypeScript 是 JavaScript 的严格超集，因此它保留了与现有 JavaScript 代码的兼容性。TypeScript 编译器 ( tsc) 将 TypeScript 代码转换为 JavaScript，使其可以在任何支持 JavaScript 的环境中运行。这确保了开发人员可以在项目中逐渐采用 TypeScript，而无需重写全部代码。
在发布后不久，知名的开源倡导者和开发者 Miguel de Icaza 对这门语言表示认可，但批评了其糟糕的 IDE 支持性，当时仅有微软的 Visual Studio IDE 支持其代码，但此 IDE 当时未在 Linux 和 OS X 操作系统上发布。
2012-2015：受到关注
TypeScript 早年在开发者社区中的采用率稳步增长。2014 年 Angular 2 的发布标志着 TypeScript 的一个重要里程碑，因为流行的前端框架选择 TypeScript 作为其默认语言。这一决定帮助 TypeScript 获得了可信度，并引起了其他项目和组织的兴趣增加。
在此期间，TypeScript 经历了数次重要的版本更新，引入了新功能和改进语言特性。开发者对 TypeScript 的反响大多是积极的，他们认识到 TypeScript 在类型安全、更好的工具支持和代码可维护性方面带来的价值。
interface Person {
firstName: string;
lastName: string;
}
function fullName(person: Person): string {
return person.firstName + " " + person.lastName;
}
let user = { firstName: "Jane", lastName: "Doe" };
console.log(fullName(user));
在这几年中，有以下重要里程碑：
- 2013年发布的 TypeScript 0.9 增加了对泛型的支持。
- 2014年在微软开发者大会上发布 TypeScript 1.0。
- 2014年7月，开发团队发布了全新的 TypeScript 编辑器，声称其性能提高了5倍。同时，代码托管由 CodePlex 迁移至 GitHub。
2015–2018：成为主流
随着 TypeScript 越来越受欢迎，主要的库和框架开始为该语言提供一流的支持。React、Vue 和其他流行项目在其包中添加了 TypeScript 声明，使开发人员能够从 TypeScript 的类型检查和自动完成功能中受益。这反过来又鼓励更多的开发人员在他们的项目中采用 TypeScript，创建了一个积极的反馈循环，进一步推动 TypeScript 的增长。
在此期间，TypeScript 的类型系统也发生了重大改进，引入了联合类型、交集类型和映射类型等功能。这些增强功能使开发人员能够表达复杂的类型关系，从而使 TypeScript 更加强大和灵活。
type Admin = {
role: "admin";
permissions: string[];
};
type User = {
role: "user";
username: string;
};
type SuperUser = Admin & User;
const superUser: SuperUser = {
role: "admin",
permissions: ["create", "read", "update", "delete"],
username: "superadmin", };
function getRole(user: Admin | User): string { return user.role; }
console.log(getRole(superUser));
2018-至今：逐渐成熟
近年来，TypeScript 已经成熟成为现代 Web 开发的主要工具。由于它结合了类型安全性、改进的工具以及与 JavaScript 生态系统的兼容性，该语言已在开发人员和组织中广泛采用。
微软的 TypeScript 团队继续迭代该语言，定期发布引入新功能和增强功能的版本。与此同时，更广泛的 JavaScript 社区已经接受了 TypeScript，Next.js、NestJS 和 GraphQL 等流行项目提供了开箱即用的一流 TypeScript 支持。
import React from "react";
import { GetServerSideProps } from "next";
import { useRouter } from "next/router";
interface PostProps {
title: string;
content: string;
}
export default function Post({ title, content }: PostProps) {
const router = useRouter();
// Anyone else hate this pattern?
if (router.isFallback) {
return <div>Loading...</div>;
}
// I can't wait for Suspense...
return (
<div>
<h1>{title}</h1>
<p>{content}</p>
</div>
);
}
export const getServerSideProps: GetServerSideProps<PostProps> = async (context) => {
const { id } = context.params;
const response = await fetch(`https://api.example.com/posts/${id}`);
const post = await response.json();
return {
props: {
title: post.title,
content: post.content,
},
};
};
重要里程碑
最后来看看 TypeScript 演变的时间线，重点介绍关键里程碑和在其发展中发挥重要作用的个人。
2010：初步发展
- Anders Hejlsberg 是 C# 和 Turbo Pascal 的创建者，领导 Microsoft 的 TypeScript 项目，致力于语言和编译器的研究。
2012：TypeScript 正式发布
- Microsoft 于 2012 年 10 月正式发布 TypeScript。
2013：TypeScript 0.9 发布
- 第一个公开版本 TypeScript 0.9 引入了可选的静态类型、泛型等功能。
2014：Angular 2 选择 TypeScript
- Brad Green 和 Google 的 Angular 团队选择 TypeScript 作为 Angular 2 的默认语言。
- TypeScript 在开发者社区中赢得了赞誉和关注。
- 2014年的微软开发者大会发布了 TypeScript 1.0。
- Visual Studio 2013 Update 2为TypeScript提供了原生支持。
- 2014年7月，开发团队发布了新的TypeScript编辑器，声称其性能提高了5倍。同时，代码托管由CodePlex迁移至GitHub。
2015：TypeScript 1.5 发布
- TypeScript 1.5 发布，该版本引入了模块别名、装饰器和 ES6 风格的生成器等新特性，并改进了类型推断和类型注解功能。
2016：TypeScript 2.0 发布
- TypeScript 2.0 发布，引入了不可空类型、控制流分析以及类型系统的其他增强功能。
- Daniel Rosenwasser 加入 Microsoft 的 TypeScript 团队，为该语言做出贡献并与社区互动。
- Google 宣布将 TypeScript 作为 Angular 框架的官方语言。这一决定使得越来越多的开发者开始采用 TypeScript 来构建他们的应用程序。同时，TypeScript 也开始广泛地应用于其它的框架和库中。
2017：React 和 Vue 的一流支持
- React 和 Vue 将 TypeScript 声明添加到其包中，为 TypeScript 开发人员提供一流的支持。
- Vue 的创建者尤雨溪成为 TypeScript 及其优点的倡导者。
- TypeScript 2.5 发布，该版本引入了可选链式操作符和 null 判断符这两个新特性，并对 JSX 语法进行了改进和优化。
2018：TypeScript 3.0 发布
- TypeScript 3.0 发布，该版本引入了许多新特性，例如提取元组类型、类型参数默认推断、未声明属性检查等。此外，TypeScript 3.0 还提高了类型检查的性能和准确性。
- TypeScript 得到了开发人员和组织的广泛采用，成为现代 Web 开发的主要内容。
2019：TypeScript 3.7 发布
- TypeScript 3.7 发布，引入了可选链和空值合并，进一步增强了语言的表达能力和安全性。
2020：TypeScript 4.0 发布
- Next.js、NestJS 和其他流行项目提供一流的开箱即用的 TypeScript 支持。
- Next.js 的创建者 Guillermo Rauch 和 NestJS 的创建者 Kamil Mysliwiec 在项目中推广 TypeScript 的使用。
- TypeScript 4.0 发布，该版本引入了诸多新特性，包括可变元组类型、协变数组展开、类属性访问修饰符等。
2021–2023：持续增长、逐渐成熟
- Microsoft 的 TypeScript 团队和更广泛的 JavaScript 社区继续改进和迭代该语言。
- 对于处理复杂 Web 应用的开发人员来说，TypeScript 仍然是一种流行且必不可少的工具。
- TypeScript 5.0 发布，引入了装饰器、速度内存和包大小优化等。
小结
从 2012 年问世到目前成为开发人员的必备工具，TypeScript 已经走过了漫长的道路。它与流行的库和框架的集成、持续改进和广泛采用证明了它在生态系统中的价值。
如今，TypeScript 结合了类型安全、改进的工具以及与 JavaScript 生态系统的兼容性，使其成为开发复杂 Web 应用的宝贵工具。