TypeScript - 前言

TypeScript 教程

TypeScript 让你能够以你真正想要的方式来编写 JavaScript。TypeScript 是 JavaScript 的一个超集，它增加了强类型支持，并会编译成纯粹的 JavaScript。它支持现代 JavaScript 特性，并拥有强大的静态类型系统，包括类（classes）、接口（interfaces）、泛型（generics）等等。许多流行的框架，如 Angular，都是用 TypeScript 构建的，并且它也在 React、Vue 和 Node.js 开发中被广泛采用，用于构建健壮的、可扩展的应用程序。

受众

本教程面向熟悉 JavaScript（尤其是 ES6+ 特性）和面向对象编程概念的开发者。对于来自 Java 或 C# 等静态类型语言的程序员来说，TypeScript 的类型系统会让他们感到熟悉且有益。

先决条件

为了充分利用本教程，建议您对现代 JavaScript（如 let/const 语法、箭头函数、类、模块等 ES6+ 语法）和基本的编程概念有扎实的理解。

自己动手试试！

你可以编辑下面的代码并运行它，或者在在线的 TypeScript Playground 中尝试。

// 示例：基础 TypeScript
const course: string = "TypeScript Fundamentals";
let lessonCount: number = 10;

function printCourseInfo(title: string, count: number): void {
  console.log(`Course: ${title}, Lessons: ${count}`);
}

printCourseInfo(course, lessonCount);

lessonCount = 12; // 允许 (let)
// course = "Advanced TypeScript"; // 错误：无法赋值给 'course'，因为它是一个常量。

printCourseInfo(course, lessonCount);

编译时，它会生成类似于以下的 JavaScript 代码（取决于目标设置）：

var course = "TypeScript Fundamentals";
var lessonCount = 10;
function printCourseInfo(title, count) {
    console.log("Course: ".concat(title, ", Lessons: ").concat(count));
}
printCourseInfo(course, lessonCount);
lessonCount = 12; // 允许 (let)
// course = "Advanced TypeScript"; // 错误：无法赋值给 'course'，因为它是一个常量。
printCourseInfo(course, lessonCount);