当前位置: 首页 > Web前端 > vue.js

TypeScript入门级(一)

时间:2023-04-01 11:09:48 vue.js

1.TypeScript安装步骤a.使用tsc--init初始化配置b。编辑tsconfig.json配置TypeScript选项2.TypeScript基本类型boolean布尔类型NumberNumberStringstringvoidnullvaluenullundefinedsymbolin使用symbol时,必须添加ES6编译辅助库"lib":["es6"]BigIntBigInt(可以存储和操作大整数)使用时需要添加ESNext编译辅助库"lib":["ESNext"]3.typeScript中的其他常见类型anyAny类型unknowntypeScript3.0引入的类型,安全类型nknown与any类的主要区别在于unknown类型会更加严格:在对unknown的值执行大多数操作之前类型,我们必须进行某种形式的检查,而在对任何类型的值执行操作之前我们不必进行任何检查letvalue:any;值.foo.bar;//OKlet值:未知;值.foo.bar;//ERRORnevernevertype表示永远不存在的值的类型。never类型是任何类型的子类型,可以分配给任何类型;但是,没有类型是never类型的子类型或可以分配给never类型(never本身除外)注意:即使any也不能分配给never。//抛出异常的函数永远不会返回值functionerror(message:string):never{thrownewError(message);}//空数组,永远为空constempty:never[]=[]Array(array)数组有两种定义方式,一种是使用泛型:constlist:Array=[1,2,3]另一种使用更广泛,即元素类型后面跟[]:constlist:number[]=[1,2,3]元组(Tuple)元组类型很相似到数组类型,表示具有已知元素数量和类型的数组,并且每个元素的类型不必相同letx:[string,number];x=['hello',10,false]//Errorx=['hello']//Errorx=[10,'hello']//Errorx=['hello',10]//ok接口元组扩展数组<字符串|数字>{0:字符串;1:数量;长度:2;}const元组:[string,number]=['a',1];元组.push(2);//好的console.log(tuple);//["a",1,2]->正常打印出来console.log(tuple[2]);//长度为“2”的元组类型“[string,number]”在索引“2”处没有元素Objectobject表示非原始类型,即除number、string、boolean、symbol、null或undefined之外的类型.