文档
- typeScript官网
- 中文文档:https://www.tslang.cn/index.html
- 中文文档(简洁点):https://typescript.bootcss.com
- MDN
前言
JavaScript 引入编程社区已有 20 多年,如今已成为有史以来使用最广泛的跨平台语言之一。JavaScript 最初是一种用于为网页添加简单交互性的小型脚本语言,如今已发展成为各种规模的前端和后端应用程序的首选语言。虽然用 JavaScript 编写的程序的大小、范围和复杂性呈指数级增长,但 JavaScript 语言表达不同代码单元之间关系的能力却没有增长。再加上 JavaScript 相当特殊的运行时语义,语言和程序复杂性之间的这种不匹配使得 JavaScript 开发成为一项难以大规模管理的任务。
程序员最常犯的错误可以归结为类型错误:在需要不同类型的值的地方使用了某种类型的值。这可能是由于简单的拼写错误、未能理解库的 API 界面、对运行时行为的错误假设或其他错误造成的。
TypeScript 的目标是成为 JavaScript 程序的静态类型检查器 - 换句话说,它是一个在代码运行之前运行的工具(静态),并确保程序的类型正确(类型检查)。
什么是TypeScript
TypeScript 是一种由微软开发的自由和开源的编程语言,它是 JavaScript 的一个超集,扩展了 JavaScript 的语法。
TypeScript 是一个为 JavaScript 添加静态类型检查的编程语言。
语言特性
TypeScript 是一种给 JavaScript 添加特性的语言扩展。增加的功能包括:
- 静态类型系统
- 类型批注和编译时类型检查:允许开发者明确地为变量和函数等添加类型标注,在编译阶段进行类型检查,有助于提前发现类型不匹配的错误。
- 类型推断:TypeScript 能够根据变量的初始值自动推断其类型,减少了开发者手动标注类型的工作量。
- 类型擦除:在编译为 JavaScript 代码时,类型信息会被擦除,不影响最终的运行性能。
- 接口(Interface):用于定义对象的结构和行为契约。它规定了对象应该具有哪些属性和方法,以及这些属性和方法的类型,有助于确保不同模块之间对象的一致性和规范性。
- 枚举(Enum):可以创建一组具有名称的常量值,使得代码更具可读性和可维护性。例如,可以定义一周的天数或者颜色等枚举类型。
- Mixin:一种将多个类的功能组合到一个类中的方式,增强了代码的复用性和灵活性。
- 泛型编程(Generics):使函数和类能够在多种类型上工作,而不需要为每种类型单独编写代码,提高了代码的通用性和可重用性。
- 名字空间(Namespace):用于组织和分组相关的代码,避免全局命名冲突,使代码结构更清晰。
- 元组(Tuple):允许定义具有固定长度和不同类型元素的数组,提供了一种更灵活的数据结构。
- Await:用于异步操作,使异步代码的编写更加简洁和直观,类似于同步代码的结构。
从 ECMA 2015 反向移植的功能:
- 类(Class):提供了更清晰和面向对象的方式来定义和组织代码,包括属性、方法、构造函数等。
- 模块(Module):更好地组织和封装代码,通过 import 和 export 关键字实现模块的导入和导出。
- lambda 函数的箭头语法:使函数的定义更简洁,并且在处理 this 上下文时有更好的表现。
- 可选参数以及默认参数:增加了函数定义的灵活性,使函数调用更方便。
TypeScript 和 JavaScript 的区别
TypeScript 是以JavaScript为基础构建的语言。
TypeScript 是 JavaScript 的超集:因此 JavaScript 语法是合法的 TypeScript ,TypeScript 和JavaScript 的运行时行为是相同的。
注意:TypeScript不能被 JavaScript 解析器直接执行,需要编译转换成 JavaScript 再执行。
- 类型系统
- JavaScript:是动态类型语言,变量的类型在运行时确定。
- TypeScript:具有静态类型系统,在编译时进行类型检查,能提前发现类型错误。
- 语法和特性
- JavaScript:语法相对简单和灵活。
- TypeScript:基于 JavaScript 语法扩展,增加了类、接口、枚举、泛型等特性,使代码更具结构化和可维护性。
- 代码提示和智能感知
- JavaScript:在开发工具中的代码提示和智能感知相对较弱。
- TypeScript:由于明确的类型定义,开发工具能提供更强大和准确的代码提示和自动完成。
- 项目规模和团队协作
- JavaScript:对于小型项目可能足够,但在大型项目和团队协作中,代码的可读性和可维护性可能面临挑战。
- TypeScript:更适合大型项目和团队开发,有助于保持代码的一致性和规范性。
- 学习曲线
- JavaScript:相对较容易上手。
- TypeScript:需要先理解类型系统和新增的特性,学习曲线略高,但对于有一定编程基础的开发者并非难以掌握。
- 运行环境
- JavaScript:可以直接在浏览器和 Node.js 等环境中运行。
- TypeScript:需要先编译为 JavaScript 代码,然后在支持 JavaScript 的环境中运行。