怎么申请免费的网站空间,wordpress 百科模板,怎么建立公司网站,前端开发工作内容函数类型 在 TypeScript 中#xff0c;函数类型提示是一种方法#xff0c;用于声明函数的类型信息。它允许你在编写函数时指定参数的类型和返回值的类型#xff0c;从而增加了代码的可读性和可维护性#xff0c;同时还能在编译时进行类型检查。 函数类型提示有两种方式函数类型提示是一种方法用于声明函数的类型信息。它允许你在编写函数时指定参数的类型和返回值的类型从而增加了代码的可读性和可维护性同时还能在编译时进行类型检查。 函数类型提示有两种方式分别是函数声明和箭头函数。
function add(x:number,y:number):number{return xy;
}
const add (x:number,y:number):number {return xy;
}
注意。在函数类型提示中参数和返回值的类型声明都是可选的。如果你省略了类型声明TypeScript 会根据上下文进行类型推断。但是通常为了代码的清晰和可读性最好还是明确地声明函数的类型。
这里的类型还支持更加复杂的类型1比如可选参数默认参数和剩余次数 可选参数和默认参数
function greet(name: string, greeting: string Hello, punctuation?: string): string {if (punctuation) {return ${greeting}, ${name}${punctuation};} else {return ${greeting}, ${name};}
}greeting的参数类型是string默认值是Hellopunctation的参数类型是stiring但其背后紧跟了一个说明他是可选的
【注意如果有可选参数你不能直接在函数体种直接运用可选参数必须进行判断比如if判断可选参数是否为undefined】
【注意2可选参数和默认参数不可能是同一个参数噢因为默认参数就是不传的时候值为默认值】 剩余参数 是 TypeScript 中用于表示函数可以接受不定数量的参数的一种方式。它允许你定义一个参数用来收集函数调用时传入的多余参数将它们收集到一个数组中。 在函数类型提示中剩余参数使用省略号 (...) 表示紧跟在参数名的后面。通常剩余参数会放在函数参数列表的最后面。 function sumAll(...numbers: number[]): number {return numbers.reduce((total, num) total num, 0);
}const result sumAll(1, 2, 3, 4, 5);
console.log(result); // 输出15参数还可以是接口类型这样子可以有类型提示
比如
interface getUserListRequest {page?:numberlimit?:numberkey?:stringname?:string
}function getUserList(params:getUserListRequest){console.log(params.limit) // 有类型提示
}另外ts是支持函数重载的而js不支持
函数重载允许为同一个函数提供多个函数类型定义在不同的参数组合或返回值类型下执行不同的实现。
function double(value: number): number;
function double(value: string): string;
function double(value: any): any {if (typeof value number) {return value * 2;} else if (typeof value string) {return value.repeat(2);}
}const result1 double(10); // result1 的类型为 number值为 20
const result2 double(hello); // result2 的类型为 string值为 hellohello
