一.Typescript介绍
TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。
特点:
1.以JavaScript为基础构建的语言。
2.是一个JavaScript的超集。
3.可以在任何支持JavaScript的平台上使用。
4.扩展了JavaScript,并添加了类型。
5.TS不能被JS解析器直接执行。需要把TS编写的代码编译成JS。
二.开发环境的搭建
1.下载并安装node.js
2.使用npm全局安装typescript
npm install -g typescript
3.创建TS文件并编译文件(如下):
tsc helloworld.ts
helloworld.ts => helloworld.js
三.TypeScript 变量声明
1、TypeScript 变量的命名规则:
- 变量名称可以包含数字和字母。
- 除了下划线 _ 和美元 $ 符号外,不能包含其他特殊字符,包括空格。
- 变量名不能以数字开头。
2、变量的声明:
var [变量名] : [类型] = 值;
四.TypeScript 的数据类型
1、Boolean 类型
let isDone: boolean = false;
2、Number 类型
let count: number = 10;
3、String 类型
let name: string = "Semliker";
4、Array 类型
let list: number[] = [1, 2, 3];
let list: Array<number> = [1, 2, 3]; // Array<number>泛型语法
5、Enum 类型
enum Direction {
NORTH,
SOUTH,
EAST,
WEST,
}
默认情况下,NORTH 的初始值为 0,其余的成员会从 1 开始自动增长。换句话说,Direction.SOUTH 的值为 1,Direction.EAST 的值为 2,Direction.WEST 的值为 3
6、Any 类型:任意值,是 TypeScript 针对编程时类型不明确的变量 使用的一种数据类型。它常用于以下情况:
(1)变量的值会动态改变时,比如来自用户的输入,任意值类型可以让这些变量跳过编译阶段的类型检查
let x: any = 1; // 数字类型
x = 'I am who I am'; // 字符串类型
x = false; // 布尔类型
(2)定义存储各种类型数据的数组时
let arrayList: any[] = [1, false, 'fine'];
arrayList[1] = 100;
(3)改写现有代码时,任意值允许在编译时可选择地包含或移除类型检查
let x: any = 4;
x.ifItExists(); // 正确,ifItExists方法在运行时可能存在,但这里并不会检查
x.toFixed(); // 正确