typescript索引类型_TypeScript interface 函数类型 可索引类型

函数类型

接口能够描述JavaScript中对象拥有的各种各样的外形。 除了描述带有属性的普通对象外，接口也可以描述函数类型。 ---- 中文官方文档

自己写的demo🌰:

// 函数类型

interface Add {

(a:number, b:number):number

}

let sum:Add = function (a:number, b:number) {

return a + b;

}

console.log(sum(1,3));

对于函数类型的类型检查来说，函数的参数名不需要与接口里定义的名字相匹配 ，甚至不需要指定类型，TypeScript的类型系统会推断出参数类型。

interface Add {

(a:number, b:number):number

}

let sum:Add = function (c, d) {

return c + d;

}

console.log(sum(1,3));

函数中的 c、d两个参数只是形式参数，只要参数类型、位置相匹配就行。

可索引的类型

可索引类型具有一个 索引签名，它描述了对象索引的类型，还有相应的索引返回值类型。

官网demo🌰

通过number类型索引，得到string类型的返回值

interface StringArray {

[index: number]: string;

}

let myArray: StringArray;

myArray = ["Bob", "Fred"];

let myStr: string = myArray[0];

我的demo🌰

通过string类型索引，得到number数字类型的返回值

interface Person {

[index: string]: number

}

let person: Person;

person ={

"age": 18

};

let age: number = person["age"];

console.log(age); // 18