黑马程序员技术交流社区

标题: 【广州前端首发】TypeScript核心课程笔记（一） [打印本页]

作者: AreYouGlad 时间: 2017-12-13 14:10
标题: 【广州前端首发】TypeScript核心课程笔记（一）
本帖最后由 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配置文件来指定

作者: AreYouGlad 时间: 2017-12-13 17:44

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2