脑袋大 后悔之前没用空闲时间学一下ts 新公司项目是用ts写的 看的一脸懵 找了个视频 先自己学习一下
需要准备的:
1.先安装node 怎么安装就不知道了
2.安装ts
npm install -g typescript
3.vscode初始化 创建 tsconfig.json 文件 tsc --init 生成配置文件
- 运行指令 tsc xxx.ts 转成js文件
5..在vscode编辑器中 终端-运行任务-监听tsconfig.json 这样就可以实时ts转js代码
=======我是迷人的分割线=======
ts基本数据类型:
布尔 boolean
数字number
字符串 string
数组 array
元祖 tuple
枚举 enum
任意类型any
null
undefined
void类型
nerver类型
有几个之前没见过的新面孔 元祖 枚举 任意 void nerver、
在定义ts变量的时候 必须要指定类型
比如
var flag:Boolean =true
那么 要是下面再定义值是其他数据类型 就会报错
flag=123
会报错
但是你可以写
flag=false
--数组类型--
ts定义数组有两种方式
一种是指定数字类型
var arr:number[]=[11,22,33]
意思是里面只能存在数字类型的值
第二种是 :
举个栗子
var arr:Array<number>=[1,2,333]
里面也是只能存在类型为数字的值 传入其他类型的 会报错
----元组类型----
在数组中,有时候不一定是全数字或者全字符串,可能会是字符串和数字混合 这时候就可以用到元组类型,给数组的每一项都指定类型
比如:
let arr[number,string]=[1,'haomeili']
这样 数组内第一个值就被指定为数字,第二个被指定为字符串
-----枚举类型-------
经常会遇到枚举 ,比如说 姓名,年龄这种的
在ts中 枚举是enum 名称{key1=value1,key2,key3}
enum Color{blue,red,pink,hotpink=1081,aaa,ccc,ddd=567,eee}
let a =Color.blue
let b =Color.hotpink
let c =Color.eee
console.log(a) //输出0
console.log(b) //输出1081
console.log(c) //输出568
也就是说 如果没有赋值,那么打印出来该key的vaule就是他的下标 但如果 前一个赋值,后一个 就要在前一个的基础上+1
如上面的例子 eee前面的ddd是567 那么后面的eee就是568
第一个blue 没有值 就按照他的下标 0