TypeScript Basic Tutorial (1)

TypeScript快速入门教程主要内容

这是一个TypeScript的快速入门教程，从最基本的语法出来，可以快速了解ts的使用套路，为后续其他框架（例如Angular等）的学习打下基础，主要包含的内容如下，你可以通过链接直接跳转查看。

• 1. vscode配置自动编译
  • 第一步 tsc –inti 生成tsconfig.json 改 “outDir”: “./js”,
  • 第二步 任务 - 运行任务 监视tsconfig.json
• 2. TypeScript中的数据类型
  • 布尔类型（boolean）
  • 数字类型（number）
  • 字符串类型(string)
  • 数组类型（array）
  • 元组类型（tuple）
  • 枚举类型（enum）
  • 任意类型（any）
  • null 和 undefined
  • void类型
  • never类型
• 3. TypeScript中的函数
  • 3.1、函数的定义
  • 3.2、可选参数
  • 3.3、默认参数
  • 3.4、剩余参数
  • 3.5、函数重载
  • 3.6、箭头函数 es6
• 4.TypeScript中的类
  • 4.1 类的定义
  • 4.2 继承
  • 4.3 类里面的修饰符
  • 4.4 静态属性 静态方法
  • 4.5 抽象类 多态
• 5. TypeScript中的接口
  • 5.1 属性类接口
  • 5.2 函数类型接口
  • 5.3 可索引接口
  • 5.4 类类型接口
  • 5.5 接口扩展
• 6. TypeScript中的泛型
  • 6.1 泛型的定义
  • 6.2 泛型函数
  • 6.3 泛型类
  • 6.4 泛型接口
  • 接口 泛型 泛型类的综合使用
• 8. 模块
  • 8.1 模块的的概念
  • 8.2 模块导出的几种方法
    • export 导出声明
    • export 导出语句
    • export default
    • import导入模块
    • 模块化封装上一讲的DB库
• 9. TypeScript中的命名空间
• 10. TypeScript中的装饰器

TypeScript 介绍

1. TypeScript 是由微软开发的一款开源的编程语言。
2. TypeScript 是 Javascript 的超级，遵循最新的 ES6、Es5 规范。TypeScript 扩展了 JavaScript 的语法。
3. TypeScript 更像后端 java、C#这样的面向对象语言可以让 js 开发大型企业项目。
4. 谷歌也在大力支持 Typescript 的推广，谷歌的 angular2.x+就是基于 Typescript 语法。
5. 最新的 Vue 、React 也可以集成 TypeScript

TypeScript 安装 编译

# 安装cnpm
npm install cnpm -g --registry=https://registry.npm.taobao.org
# 安装ts
cnpm install -g typescrip
# 检测一下版本
tsc -v
# 编译文件helloworld.ts 会生成一个helloworld.js
tsc helloworld.ts

TypeScript 开发工具

VSCode

借助vscode开发工具来配置：
第一步： 创建 tsconfig.json 文件。在文件目录下运行 tsc –init 生成配置文件 tsconfig.json，修改输出目录的配置 “outDir”: “./js”,
第二步： 任务 - 运行任务 监视tsconfig.json

HBuilder

• 略