Ts学习基础使用(一)

1.安装typescript

npm install -g typescript//全局安装 typescript
tsc -v //查看安装成功版本

tsc 自己创建的ts文件名称 //单独编译自己创建的ts转为js

2.TS的基础类型

boolean、string、number、array、null、undefined、object
tuple、enum(枚举)、void、never、any

(1)声明number

let num: number = 1
let num1: number

(2)声明string

let str: string = 'str'
let str1: string = `str`
let str2:string

(3)声明boolean

let isTrue: boolean = true
let isTrue1: boolean

(4)声明数组

let arr = [1,2,3]
let arr1: number[] = [2,3,4,5]
let arr2: Array<number> = [1,2,3,4]
let arr3: any[] = [1,"2",3,"4"]

(5)元组类型(固定类型,固定长度,使用.push时会改变这个规定)

let person1:[number,string] = [1,"张三"] 

(6)enum 枚举

enum Color {
  red,
  yellow,
  green
}

let c: Color = Color.red 

enum Color1 {
  red = 1,
  yellow = 10,
  green
}

let c1:Color1  = Color1 .red

enum Color2 {
  red = "red",
  yellow = "yellow",
  green = "green"
}

let c2: Color2  = Color2 .red

(7)any 声明的变量可以是任何类型

let isAny: any = 66
isAny = "str"

(8)void 它表示没有任何类型,当一个函数没有返回值时,你通常会见到其返回值类型是 void

todoSomeThing:()=> void;

(9)object 对象的声明

3.高级类型

(1)union 组合类型

 let union : string | number

(2) Nullable 可空类型,利用?来表示,不必传类型

let f = (message: string,code?: number)=>{
	console.log(message,code)
}
f('str')

(3) Literal 预定义类型

let str: any = 666
//<string>str  将str转为string 类型
//str as string 将str转为string 类型

4.接口 Interface

interface Person {
	name: string;
	age: number;
}

let obj: Person = {
	name:'zhangsan',
	age:18
}

5.泛型Generics
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值