TypeScript是由微软开源的一种JavaScript超集语言,它不仅包含当前Javascript的特性,而且实现了esnext提案。TypeScript的宗旨是为JavaScript提供可靠的类型检查,避免出现意大利面条式的代码,在大型的项目中让源码更加可控。
优势 | 劣势 | |
---|---|---|
TypeScript | 强类型 IDE支持好 编码规范 | 私有标准 使用较少 语法差异小 必须编译 |
Javascript | 官方标准 应用广泛 | 弱类型 IDE支持差 |
CoffeeScript | 强类型 高级特性支持 | 特性es6支持 语法差异大 必须编译 |
在TypeScript出现之前,JavaScript也出现了多种方言,但是语法都与JavaScript差异太大,使用门槛过高,对JavaScript第三方库不兼容。TypeScript语法与JavaScript相似,入门门槛极低,对于JavaScript编写的第三方类库通过提供.d.ts type文件兼容,目前较为流行的类库都可以兼容TypeScript。
JavaScript是弱类型语言,而且由于语法过于灵活,在实际编码中很容易导致错误出现,特别是在大型的项目中。TypeScript很好的避免了这些问题,对于数据描述提供interface,这也是TypeScript的核心所在。
JavaScript在声明函数时,参数没有类型,而且返回也没有类型,使用和维护都带来一定的困难。
代码语言:javascript复制function add(a, b) {
return a b;
}
TypeScript则需要声明函数的参数和返回值,在变量初始化的时候需要声明类型,也可以通过类型推导自动声明,相较与JavaScript并没有带来多大的工作量。
代码语言:javascript复制let a = 1;
let b: number = 1;
function add(a: number, b: number): number {
return a b;
}
Typescript的interface可以很方便的声明数据的结构,可以通过?声明哪些数据是可选的。
代码语言:javascript复制interface User {
name: string;
age?: number;
}
const u: User = {name: 'name', age: 1}; // 正确
const u: User = {name: 'name'}; // 正确
const u: User = {name: 1}; // 错误提示类型不匹配
const u: User = {}; // 错误提示name不存在
在app开发的过程中,情况往往比web开发更加复杂,而且需要不断的重构,所以使用TypeScript是一个非常不错的选择。