网站建设工作,郑州做定制网站的公司,做网站资质荣誉用的图片,怎样向网站上传照片文章目录安装 ts运行环境 nodeTS类型数字 、字符串 和布尔类型字面量any 和unknown类型断言void和neverobjectArraytuple 元组enum 枚举安装 ts运行环境 node
node-v看版本号 2. 安装ts -g全局安装
npm i -g typescript // 这里全局安装 -s安装无法使用tsc 创建一个01.ts文…
文章目录安装 ts运行环境 nodeTS类型数字 、字符串 和布尔类型字面量any 和unknown类型断言void和neverobjectArraytuple 元组enum 枚举安装 ts运行环境 node
node-v看版本号 2. 安装ts -g全局安装
npm i -g typescript // 这里全局安装 -s安装无法使用tsc 创建一个01.ts文件命令编译这个.ts文件
tsc 01.ts这时候文件多了一个01.js文件
TS类型
| 类型 | 例子 |
类型例子描述number1, -33, 2.5任意数字string‘hi’, “hi”, hi任意字符串booleantrue、false布尔值true或false字面量其本身限制变量的值就是该字面量的值any*任意类型unknown*类型安全的anyvoid空值undefined没有值或undefinednever没有值不能是任何值object{name:‘孙悟空’}任意的JS对象array[1,2,3]任意JS数组tuple[4,5]元素TS新增类型固定长度数组enumenum{A, B}枚举TS中新增类型
数字 、字符串 和布尔类型
let decimal: number 6; //6
let isDone: boolean false;let fullName: string Bob Bobbington;
let sentence: string Hello, my name is ${fullName}
//Hello, my name is Bob Bobbingtontsc 转js后
var fullName Bob Bobbington;
var sentence Hello, my name is .concat(fullName);字面量
可以使用字面量去指定变量的类型也可以通过字面量可以确定变量的取值范围
let a:10
a 11 //报错
a 10 //正确let color: red | blue | black; //color 取值范围内正确,其它的都报错
let num: 1 | 2 | 3 | 4 | 5;any 和unknown
let d: any 4;
d hello;
d true;let notSure: unknown 4;notSure hello;any 赋值给另外一个变量不报错unknown 赋值给另外一个变量会报错 unknown 是一个类型安全的any
let s:stringdf
let d:any dse
let f:unknownsdfwe
s d //不报错
s f //报错类型断言
可以用类型断言来赋值 不报错
sf as string
//or
s stringf第一种用法
let someValue: unknown this is a string;
let strLength: number (someValue as string).length;第二种用法
let someValue: unknown this is a string;
let strLength: number (stringsomeValue).length;void和never
用在函数中void 表示没有返回值的函数如果有return 10 会报错
let unusable: void undefined;function fn() :void {return 10 ; //报错return //不报错
}never表示永远不会有结果一般用来抛出异常
function error(message: string): never {throw new Error(message);
}object
? 表示属性是可选的
let bb: {name:string,age?:number} //在属性后面加上 ? 表示属性是可选的
bb{name:ded}[propname:string]:any 表示任意类型的属性属性名是字符串属性值任意类型 propname可以随便写任意名称替换都可以
let cc:{name:string,[propname:string]:any}
cc {name:dsd,age:18,gender:男}设置函数结构的类型声明
语法:(形参类型形参类型...) 返回值
let dd:(a:number,b:number)number
dd function(ni,n2):number{return 10
}Array
两种声明方式
let arr1:string[]
arr1[a,b,c]let arr2:Arraynumber
arr2[1,2,3]tuple 元组
元组就是固定长度的数组
let x: [string, number];
x [hello, 10]; enum 枚举
enum Color {Red,Green,Blue,
}
let c: Color Color.Green;enum Color {Red 1,Green,Blue,
}
let c: Color Color.Green;enum Color {Red 1,Green 2,Blue 4,
}
let c: Color Color.Green;
