编辑“︁TypeScript”︁

{{编程语言信息框
| 名称 = TypeScript
| 范例 = 
<syntaxhighlight lang="typescript">
interface User {
  name: string;
  id: number;
}

class UserAccount {
  name: string;
  id: number;

  constructor(name: string, id: number) {
    this.name = name;
    this.id = id;
  }
}

const user: User = new UserAccount("Murphy", 1);
</syntaxhighlight>
| 设计者 = [[微软]]
| 发行年 = 2012年
| 最新发行版本 = 5.3 (2023年11月)
| 类型系统 = 静态类型、渐进类型
| 编程范型 = 多范式：面向对象、函数式、命令式
| 操作系统 = 跨平台
| 文件扩展名 = .ts, .tsx
| 网站 = [https://www.typescriptlang.org/ www.typescriptlang.org]
| 影响语言 = [[JavaScript]], [[C#]], [[Java]]
}}

'''TypeScript'''是由[[微软]]开发的开源[[编程语言]]，它是[[JavaScript]]的一个超集，添加了可选的静态类型系统和基于类的面向对象编程。TypeScript通过[[转译器]]转换为JavaScript代码，可以在任何支持JavaScript的环境中运行。

== 历史 ==
TypeScript由微软的Anders Hejlsberg（同时也是[[C#]]的首席架构师）领导开发，于2012年10月首次发布。其主要目标是解决JavaScript在大规模应用开发中的可维护性问题。

== 特性 ==

=== 类型系统 ===
TypeScript的核心特性是其静态类型系统，这有助于在开发阶段捕获错误，提高代码质量和开发效率。

<syntaxhighlight lang="typescript">
// 基本类型注解
let isDone: boolean = false;
let decimal: number = 6;
let color: string = "blue";

// 数组
let list: number[] = [1, 2, 3];

// 元组
let x: [string, number];
x = ["hello", 10]; // OK
x = [10, "hello"]; // Error
</syntaxhighlight>

=== 接口 ===
接口是TypeScript中定义对象形状的强大方式。

<syntaxhighlight lang="typescript">
interface LabelledValue {
  label: string;
  size?: number;  // 可选属性
  readonly id: number; // 只读属性
}

function printLabel(labelledObj: LabelledValue) {
  console.log(labelledObj.label);
}
</syntaxhighlight>

=== 类 ===
TypeScript支持基于类的面向对象编程。

<syntaxhighlight lang="typescript">
class Animal {
  private name: string;
  
  constructor(name: string) {
    this.name = name;
  }
  
  move(distance: number = 0) {
    console.log(`${this.name} moved ${distance}m.`);
  }
}

class Snake extends Animal {
  constructor(name: string) {
    super(name);
  }
  
  move(distance = 5) {
    console.log("Slithering...");
    super.move(distance);
  }
}
</syntaxhighlight>

=== 泛型 ===
泛型提供了代码重用的强大方式。

<syntaxhighlight lang="typescript">
function identity<T>(arg: T): T {
  return arg;
}

let output = identity<string>("myString");
</syntaxhighlight>

== 与JavaScript的关系 ==
TypeScript是JavaScript的超集：
* 所有合法的JavaScript代码都是合法的TypeScript代码
* TypeScript添加了类型系统和其他特性
* TypeScript代码需要通过编译器转换为JavaScript才能在浏览器或Node.js中运行

== 开发工具 ==
TypeScript拥有丰富的开发工具支持：
* [[Visual Studio Code]] - 微软开发的轻量级编辑器，内置TypeScript支持
* [[WebStorm]] - JetBrains开发的IDE，提供强大的TypeScript支持
* TypeScript Playground - 在线工具，用于快速测试TypeScript代码

== 应用案例 ==
TypeScript被许多大型项目和公司采用：
* [[Angular]]框架从2.0版本开始使用TypeScript开发
* [[Vue.js]] 3.0使用TypeScript重写
* [[React]]社区广泛采用TypeScript
* [[Node.js]]的许多大型项目使用TypeScript
* [[微软]]的许多产品使用TypeScript开发

== 版本历史 ==
{| class="wikitable"
|-
! 版本 !! 发布日期 !! 重要特性
|-
| 0.8 || 2012-10 || 首次公开发布
|-
| 1.0 || 2014-04 || 正式发布
|-
| 2.0 || 2016-09 || 非空类型、控制流分析
|-
| 3.0 || 2018-07 || 项目引用、元组类型
|-
| 4.0 || 2020-08 || 可变元组类型、标记元组元素
|-
| 5.0 || 2023-03 || 装饰器、性能改进
|}

== 参见 ==
* [[JavaScript]]
* [[ECMAScript]]
* [[前端开发]]
* [[静态类型检查]]

== 参考资料 ==
{{reflist}}

[[Category:编程语言]]
[[Category:前端开发]]
[[Category:微软技术]]