1:函数的声明 ( * 注意,输入多余的或者少于要求的参数,是不被允许的)
function sum(x: number, y: number): number {
return x + y;
}
与接口中的可选属性类似,我们用 ?
表示可选的参数 *注意可选参数必须接在必需参数后面。换句话说,可选参数后面不允许再出现必需参数了:
function buildName(firstName: string, lastName?: string) {
if (lastName) {
return firstName + ' ' + lastName;
} else {
return firstName;
}
}
let tomcat = buildName('Tom', 'Cat');
let tom = buildName('Tom');
在 ES6 中,我们允许给函数的参数添加默认值,TypeScript 会将添加了默认值的参数识别为可选参数:此时就不受「可选参数必须接在必需参数后面」的限制了
2:函数表达式
如果要我们现在写一个对函数表达式(Function Expression)的定义,可能会写成这样:
let mySum = function (x: number, y: number): number {
return x + y;
};
这是可以通过编译的,不过事实上,上面的代码只对等号右侧的匿名函数进行了类型定义,而等号左边的 mySum
,是通过赋值操作进行类型推论而推断出来的。如果需要我们手动给 mySum
添加类型,则应该是这样:
let mySum: (x: number, y: number) => number = function (x: number, y: number): number {
return x + y;
};
注意不要混淆了 TypeScript 中的 =>
和 ES6 中的 =>
。
在 TypeScript 的类型定义中,=>
用来表示函数的定义,左边是输入类型,需要用括号括起来,右边是输出类型。
在 ES6 中,=>
叫做箭头函数
3:用接口定义函数的形状
interface SearchFunc {
(source: string, subString: string): boolean;
}
let mySearch: SearchFunc;
mySearch = function(source: string, subString: string) {
return source.search(subString) !== -1;
}
4剩余参数:事实上,items
是一个数组。所以我们可以用数组的类型来定义它:注意,rest 参数只能是最后一个参数
function push(array: any[], ...items: any[]) {
items.forEach(function(item) {
array.push(item);
});
}
let a = [];
push(a, 1, 2, 3);
5:重载 我们可以使用重载定义多个 reverse
的函数类型:
我们重复定义了多次函数 reverse
,前几次都是函数定义,最后一次是函数实现。在编辑器的代码提示中,可以正确的看到前两个提示。
注意,TypeScript 会优先从最前面的函数定义开始匹配,所以多个函数定义如果有包含关系,需要优先把精确的定义写在前面。
function reverse(x: number): number;
function reverse(x: string): string;
function reverse(x: number | string): number | string |undefined{
if (typeof x === 'number') {
return Number(x.toString().split('').reverse().join(''));
} else if (typeof x === 'string') {
return x.split('').reverse().join('');
}
}
接口定义函数
1.用变量定义函数类型
// 用一个变量来定义一个函数类型
let addInter : (x:number,y:number) => number;
2.接口定义函数类型 (不需要指定名称直接定义参数类型)
interface AddInter{
(x:number,y:number) : number
}
3.用类型别名来定义一个函数类型
type AddInterBM = (x:number,y:number) => number;
let addF :AddInterBM = function(x:number,y:number) {
return x+y
}
混合类型接口
// 混合类型接口:一个接口既可以定义一个函数,又可以像对象一样拥有属性和方法
interface Lib{
(): void,
version:string,
doSomeThing():void
}
let newlib:Lib = (()=>{}) as Lib;
newlib.version = "1.0";
newlib.doSomeThing = ()=>{};