为什么使用TypeScript

2021-12-07 10:17:38 浏览数 (1)

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是一个非常不错的选择。

0 人点赞