TypeScript文档地址: Function

声明方式

:::info 在我们声明函数的时候，要关注的主要两点：约定输入、约定输出
意思就是规定入参的类型，以及返回值的类型 :::

示例

  1. // 约定输入， 约定输出
  2. // 格式： (参数: type , 参数:type) : 返回类型
  3. function add(x:number, y:number):number{
  4.   return x+y  // 必须是number
  5. }
  6. add(1,2)  // 参数一定要一致，多或少都不行
  8. // 可选参数
  9. // z是可选参数，注意的是，可选参数一定要放在参数的后面
  10. // 否则会报错
  11. function add(x:number, y:number, z?:number):number{
  12.   if(typeof z === 'number'){
  13.     return x + y + z
  14.   } else {
  15.     return x + y
  16.   }
  17. }
  19. // 函数表达式如何声明
  20. const add = (x:number, y:number, z?:number):number => {
  21.   if(typeof z === 'number'){
  22.     return x + y + z
  23.   } else {
  24.     return x + y
  25.   }
  26. }
  27. // 我们会发现这时的add的类型是：
  28. // 这个时候这个函数本身也是一个类型，add是这个函数类型。
  29. // const add: (x: number, y: number, z?: number) => number
  31. // 所以，以下赋值会报错
  32. // 不能将类型“(x: number, y: number, z?: number) => number”分配给类型“string”。
  33. let add2: string = add;
  35. // 正确的赋值方法，注意，在ts中，凡是在:后面的都代表类型
  36. // 需要注意的是这个 => 符号，并不是代表es6的箭头函数
  37. // 而是ts中声明函数类型返回值的方法。
  38. let add2: (x:number, y:number, z?:number) => number = add;
  40. // 但是这样写很累赘
  41. // 所以，我们可以使用interface去描述函数类型
  42. interface ISum{
  43.   (x:number, y:number, z?:number):number
  44. }
  45. let add3: ISum = add;