TypeScript入门

OGeek|极客世界-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

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。
布尔类型	boolean	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）的子类型，代表从不会出现的值。