TypeScript入门
TypeScript入门
TypeScript是什么?
TypeScript是JavaScript的超集,支持ECMAScript 6 标准
TypeScript安装
1.npm安装
2.node安装
3.Visual Studio Code 安装(下载地址)
TypeScript 与面向对象
面向对象是一种对现实世界理解和抽象的方法。
TypeScript 是一种面向对象的编程语言。
面向对象主要有两个概念：对象和类。
对象：对象是类的一个实例（对象不是找个女朋友），有状态和行为。例如，一条狗是一个对象，它的状态有：颜色、名字、品种；行为有：摇尾巴、叫、吃等。
类：类是一个模板，它描述一类对象的行为和状态。
方法：方法是类的操作的实现步骤。
TypeScript 基础类型
| 数据类型 | 关键字 | 描述 |
| 任意类型 | any | 声明为 any 的变量可以赋予任意类型的值。 |
| 数字类型 | number | 双精度 64 位浮点值。它可以用来表示整数和分数。 |
| let binaryLiteral: number = 0b1010; // 二进制 | ||
| let octalLiteral: number = 0o744; // 八进制 | ||
| let decLiteral: number = 6; // 十进制 | ||
| let hexLiteral: number = 0xf00d; // 十六进制 | ||
| 字符串类型 | string | 一个字符系列，使用单引号（'）或双引号（"）来表示字符串类型。反引号（`）来定义多行文本和内嵌表达式。 |
| let name: string = "Runoob"; | ||
| let years: number = 5; | ||
| let words: string = `您好，今年是 ${ name } 发布 ${ years + 1} 周年`; | ||
| 布尔类型 | boolean | 表示逻辑值：true 和 false。 |
| let flag: boolean = true; | ||
| 数组类型 | 无 | 声明变量为数组。 |
| // 在元素类型后面加上[] | ||
| let arr: number[] = [1, 2]; | ||
| // 或者使用数组泛型 | ||
| let arr: Array<number> = [1, 2]; | ||
| 元组 | 无 | 元组类型用来表示已知元素数量和类型的数组，各元素的类型不必相同，对应位置的类型需要相同。 |
| let x: [string, number]; | ||
| x = ['Runoob', 1]; // 运行正常 | ||
| x = [1, 'Runoob']; // 报错 | ||
| console.log(x[0]); // 输出 Runoob | ||
| 枚举 | enum | 枚举类型用于定义数值集合。 |
| enum Color {Red, Green, Blue}; | ||
| let c: Color = Color.Blue; | ||
| console.log(c); // 输出 2 | ||
| void | void | 用于标识方法返回值的类型，表示该方法没有返回值。 |
| function hello(): void { | ||
| alert("Hello Runoob"); | ||
| } | ||
| null | null | 表示对象值缺失。 |
| undefined | undefined | 用于初始化变量为一个未定义的值 |
| never | never | never 是其它类型（包括 null 和 undefined）的子类型，代表从不会出现的值。 |
注意：TypeScript 和 JavaScript 没有整数类型。