成功案例

TypeScript 是一门成熟的编程语言，它可以在生产环境中使用。接下来，我们看一下都有哪些知名的项目在使用 TypeScript 语言。

Visual Studio Code

Visual Studio Code 是微软公司开源的一款免费的跨平台的集成开发环境。它是使用 TypeScript 语言并基于 Electron 框架进行开发的。

根据 Stack Overflow 2019 年的开发者调查显示，Visual Studio Code 是开发者最喜爱的开发环境工具，其主界面如图1-6所示。它支持代码调试、语法高亮、代码补全与代码重构等功能，是一款高度可定制化的集成开发环境，提供了定制主题样式、绑定功能快捷键等功能。它还具有高度的可扩展性，支持一套灵活的插件系统，方便开发者编写和安装功能强大的插件，例如 ESLint 和 Live Share 等。

image 2024 02 05 22 38 20 551
Figure 1. 图1-6　Visual Studio Code主界面

Angular

Angular 是由 Google 公司推出的一款开源的 Web 应用程序框架。严格地讲，当使用 Angular 这个名字时，我们指的是 Angular 2.0 及以上版本；而当使用 AngularJS 这个名字时，则特指 Angular 1.x 版本。不论是 AngularJS 还是 Angular，它们都是非常流行的框架。Angular 使用 TypeScript 语言对 AngularJS 进行了完全重写。关于 Angular 开发团队选择使用 TypeScript 语言进行重写的原因，Angular 工程总监 Brad 如是说道：“我们喜爱 TypeScript 的很多方面……” 在使用了 TypeScript 后，一些团队成员说：“现在我能够真正理解我们的大多数代码了！” 因为他们能够方便地在代码之间导航并理解它们之间的关系。此外，我们已经利用 TypeScript 的检查发现了一些 Bug。

Angular 团队也推荐使用 TypeScript 语言作为 Angular 应用的首选开发语言。下面是一段 Angular 代码示例：

/**
 * Copyright Google LLC. All Rights Reserved.
 * Use of this source code is governed by an MIT-style
 * license that can be found in the LICENSE file
 * at http://angular.io/license
 */
import { Component, OnInit } from '@angular/core';

import { Hero } from '../hero';
import { HeroService } from '../hero.service';

@Component({
    selector: 'app-dashboard',
    templateUrl: './dashboard.component.html',
    styleUrls: ['./dashboard.component.css'],
})
export class DashboardComponent implements OnInit {
    heroes: Hero[] = [];

    constructor(private heroService: HeroService) {}

    ngOnInit() {
        this.getHeroes();
    }

    getHeroes(): void {
        this.heroService.getHeroes().subscribe(heroes => {
            this.heroes = heroes.slice(1, 5);
        });
    }
}
typescript