文章目录
ts定义数组ts声明函数类型
ts定义数组常用的三种方法:
「类型 + 方括号」表示法:最简单的方法是使用「类型 + 方括号」来表示数组;数组泛型:也可以使用数组泛型(Array Generic) Array 来表示数组;用接口表示数组;
ts定义数组
// 定义整数型数组
const arr1: number[] = []
const arr1_1: Array
// 定义字符窜型数组
const arr2: string[] = []
const arr2_1: Array
// 定义对象型数组
const arr3: object[] = []
const arr3_1: Array
const arr3_2: Array<{ title: string; show: boolean; num?: number }> = []
// 定义任意类型数组
const arr4: any[] = []
const arr4_1: Array
//定义二维数组类型(n维数组类似)
const arr5:Array
如果类型比较多推荐使用接口去写
interface Config {
name: string;
value: string;
icon: string;
occupancy?: number;
detail?: string;
}
//const configs: Config[] =[]
const configs: Config[] = reactive([
{
name: '内存',
value: '',
icon: memoryIcon,
},
{
name: 'CPU',
value: '',
icon: cpuIcon,
},
{
name: 'GPU',
value: '',
icon: gpuIcon,
},
{
name: '数据盘硬盘使用量',
value: '',
occupancy: 0,
icon: diskIcon,
},
]);
ts声明函数类型
一般函数的声明的时候,我们要声明参数与返回类型 [参考教程](https://www.runoob.com/typescript/ts-function.html)
函数名:(形参1:类型,形参2:类型) => 返回类型
// 语法一
function fn(param1:number,param2:string):string{
if (param1 === 1){
return param2
}else {
return "hello world"
}
}
// 语法2
let fn2:(param1:number,param2:string) => string
fn2 = function(param1,param2){
if (param1 === 1){
return param2
}else {
return "hello world"
}
}
文章链接
发表评论