回顾typescript语法

88 阅读2分钟

一、TypeScript 环境安装与运行

1.安装 TypeScript

npm install -g typescript   //全局安装

2.检测是否安装成功

tsc -v //检查版本,是否安装typescript
tsc --init //初始化,创建 tsconfig.json 文件

3.之后我们在项目中新建一个ts文件,先在ts文件当中我们先使用js的代码内容:

 console.log('我是TS');

4.然后我们的ts文件是不能够在浏览器当中进行解析的,我们的ts文件需要通过编译之后才能够被浏览器进行解析,我们可以用命令去完成

tsc demo.ts //tsc +文件名

5.编译之后我们的目录下面会产生一个和ts文件同名的js文件,之后我们就可以直接使用这个编译得到的js即可。我们安装好了node,就可以直接使用node命令对js文件进行解析了,使用node命令

node demo.js //node +文件名

二、TS变量的声明和赋值

数字类型

// 声明一个变量a 它的数据类型为number 
let a : number ;
// 所以对a的值赋为字符串就会出现报错
// a = "aaa" 
a = 10; 
let b : string ; 
b = "hello" 
//b = 3

布尔类型

// 声明变量直接赋值 
let pop: boolean = true;
console.log(pop);

元组类型

//数组
let names: string[] = ['wzh', '哈哈']
let names2: number[] = [1, 2]
let names3: Array<number> = [1, 2]
// 任意类型
var arr: any[] = [1, 2, 3, "a", "b", "c"];
//规定类型,长度的数组
let length: [string, number] = ['aaa', 3]

枚举类型

//枚举
enum sex {
	men = 1,
	women = 0,
}

let m: { name: string, sex: sex }

m = { name: 'yueyue', sex: sex.women }
console.log(m)

void类型

// void 表示函数没有返回值
function fn(num): void { 
    console.log("void") 
}

never类型

function error(): never {
    throw new Error('抛出错误了');
}

undefined类型

let m: undefined = undefined;

null类型

let n: null = null;

交叉类型

type A = {
	name: number
}
type B = {
	age: string
}
const User: A & B = {
	price: 2000,
	name: '哇哈哈'
}