一、TypeScript介绍
1. TypeScript 是由微软开发的一款开源的编程语言。
2. TypeScript 更像后端 java、C#这样的面向对象语言可以让 js 开发大型企业项目。
3、TypeScript 是 Javascript 的超级,遵循最新的 ES6、Es5 规范。TypeScript 扩展了 JavaScript
的语法。
4、谷歌也在大力支持 Typescript 的推广,谷歌的 angular2.x+就是基于 Typescript 语法。
5、最新的 Vue 、React 也可以集成 TypeScript。
二、Typescript 安装、编译
1、安装
1.1、首先需要安装nodejs
1.2、npm install -g typescript
2、编译
2.1、创建helloworld.ts
console.log("hello world");
2.2、tsc helloworld.ts
会生成helloworld.js
3、vscode 编译(下载visual studio code)
3.1、创建 tsconfig.json 文件
执行 tsc --init 生成配置文件tsconfig.json
3.2、用vscode打开项目
3.3、点击菜单 任务-运行任务
点击 tsc:监视-tsconfig.json 然后就可以自动生成代码
三、TypeScript的数据类型
1、布尔类型(boolean)
var flag:boolean = true;
2、数字类型(number)
var num:number = 1;
3、字符串类型(string)
var str:string = "str";
4、数组类型(array)定义一般有二种
定义1
var arr:number[] = [123,456];
定义2
var arr1:Array<number> = [123,456];
5、元组类型(tuple)可以为数组中每一项定义指定类型
var tuple:[number,string] = [123,'3455'];
6、枚举类型(enum)
//如果标识没有赋值,就是下标
enum DAY { MON=1, TUE, WED=3, THU=4, FRI=5, SAT=6, SUN=7};
var today:DAY = DAY.MON;
7、任意类型(any)
var num1:any = 123;
num1 = '11';
8、null 和 undefined
var und: undefined;
// 一个元素可以定义多个数据类型
// 定义一个定义可以是 number 或 字符 或undefined
var und1: number | string | undefined;
var b1 :string | null;
b1 ='1222';
9、void 类型
// 方法没有返回值
function fn() : void {
}
10、never类型
是其它类型(包括null 和undefined)的子类型,代表不会出现的值,
这意味着声明never的变量只能被 never类型赋值
var ts : never;
ts = (()=>{
throw new Error();
}
)();