1. 什么是 TS
TypeScript 是 JavaScript 的超集,扩展了 JavaScript 的语法,因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改,TypeScript 通过类型注解提供编译时的静态类型检查。 TypeScript 可处理已有的 JavaScript 代码,并只对其中的 TypeScript 代码进行编译。TypeScript 由微软开发的自由和开源的编程语言。 TypeScript 设计目标是开发大型应用,它可以编译成纯 JavaScript,编译出来的 JavaScript 可以运行在任何浏览器上。
简单说,就是完全支持JS、新增了类型检查、代码提示。
2. 运行环境
- online: www.typescriptlang.org/play
- offline:
npm install -g typescripttsc xx.ts
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 有哪些类型
直接在变量后面跟的类型
-
number
-
string
-
boolean
-
object
-
null
-
undefined 以上五大基本JS 数据类型 + Object 复合类型。以上类型都可以直接 x : object 这样去声明类型。而下面的需要组合
-
数组
:number[] -
元组
:[number,string] -
枚举
enum Color {Red, Green, Blue}
以下两个常在函数返回值出现。其中 void 类型,以前写 C 语言经常用到表示函数没有返回值。never 表示出现不可能的值,例如 return new Error()
- void
function hello(): void { - never
function hello(): never