一、TypeScript 环境安装与运行
1.安装 TypeScript
npm install -g typescript
2.检测是否安装成功
tsc -v
tsc --init
3.之后我们在项目中新建一个ts文件,先在ts文件当中我们先使用js的代码内容:
console.log('我是TS');
4.然后我们的ts文件是不能够在浏览器当中进行解析的,我们的ts文件需要通过编译之后才能够被浏览器进行解析,我们可以用命令去完成
tsc demo.ts
5.编译之后我们的目录下面会产生一个和ts文件同名的js文件,之后我们就可以直接使用这个编译得到的js即可。我们安装好了node,就可以直接使用node命令对js文件进行解析了,使用node命令
node demo.js
二、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类型
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: '哇哈哈'
}