查看更多精彩前端资源

---

简介

---

• TypeScript是一种由微软开发的自由和开源的编程语言，它是JavaScript的一个超集，扩展了JavaScript的语法
• TypeScript如它的名字一样,最广为人知的特点是增加了类型系统,是一门强类型语言
• 相比弱类型语言,丢失了灵活性,但在编写大型项目时会降低程序复杂度,在编译时发现问题,减少bug增强程序健壮性
  

特性

• 兼容ES6
• 强类型
• 枚举
• 泛型
• 类
• 接口
• 装饰器
  
  

官方API

• 官网
• 中文网
  
  

使用说明

• typeScript无法直接在浏览器当中运行,所以使用ts需要先安装对应的编译器
• 这个编译器的作用类似与我们之前使用less或sass编译器,它可以把ts转换为浏览器支持的标准语法JavaScript
  
  

编译器安装需要使用npm安装编译器

• 安装命令
  

        npm install -g typescript

• 检测命令
  

        tsc -v

编译器使用

• 创建holle.ts文件,typescript编写的脚本使用ts作为后缀名,这个与less/sass也一样
• 运行编译命令: tsc hello.ts, 就会生成对应的es5js文件
  
  

[JavaScript] 纯文本查看 复制代码

class Person {
  public name: string;
  public age: number;
  constructor(name: string, age: number) {
    this.name = name;
    this.age = age;
  }
  speak(): void {
    console.log(`${this.name}今年${this.age}岁了`);
  }
}
let xiaoming = new Person('小明', 16);
xiaoming.speak();

配置文件使用

• 在使用编译ts脚本时, 有时候需要我们明确指定一些编译规则
• 比如要指定编译后的js为es3还是es5还是es6, 或者启用处于实现阶段的新特性, 比如装饰器
• 都需要我们通过tsconfig.json配置文件来指定