A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

本帖最后由 AreYouGlad 于 2017-12-20 11:51 编辑



简介
  • 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配置文件来指定



1 个回复

倒序浏览
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马