TypeScript 自学教程(1)

344 阅读2分钟

1. 什么是 TS

TypeScript 是 JavaScript 的超集,扩展了 JavaScript 的语法,因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改,TypeScript 通过类型注解提供编译时的静态类型检查。 TypeScript 可处理已有的 JavaScript 代码,并只对其中的 TypeScript 代码进行编译。TypeScript 由微软开发的自由和开源的编程语言。 TypeScript 设计目标是开发大型应用,它可以编译成纯 JavaScript,编译出来的 JavaScript 可以运行在任何浏览器上。

简单说,就是完全支持JS、新增了类型检查、代码提示。

2. 运行环境

TS 版本 hello world

const hello : string = 'Hello World!';

console.log(hello)

JS 版本 hello world

var hello = 'Hello World!';

console.log(hello)

区别:TS 可以直接用 ES6 语法,支持类型声明。

3. 支持的类型

上面说过,TS 核心之一是类型机制。给所有的变量增加了类型。那 TS 中有哪些类型?以及类型如何使用呢?

3.1 类型的使用方式

// 简单说,就是变量后面加 冒号和类型
let x: any = 1

// 如果是数组,数组类型和数组值的类型需要 组合
let arrayList: any[] = [1, false, 'fine'];


3.2 有哪些类型

直接在变量后面跟的类型

  1. number

  2. string

  3. boolean

  4. object

  5. null

  6. undefined 以上五大基本JS 数据类型 + Object 复合类型。以上类型都可以直接 x : object 这样去声明类型。而下面的需要组合

  7. 数组 :number[]

  8. 元组 :[number,string]

  9. 枚举 enum Color {Red, Green, Blue}

以下两个常在函数返回值出现。其中 void 类型,以前写 C 语言经常用到表示函数没有返回值。never 表示出现不可能的值,例如 return new Error()

  1. void function hello(): void {
  2. never function hello(): never