typescript函数简单理解

typescript函数的隐式定义

在typescript中的函数并不需要刻意去定义，比如我们实现一个加法函数：

const add = (a:number, b:number) => {a + b}

这种方式没有显示的去定义一个函数，但是typescript是可以检测到的

typescript函数的显式定义

在变量后面加冒号与类型的定义，括号里的（a:number, b:number）为参数类型，而通过=> 来链接与返回值，最后则是返回值的类型。

const add:(a:number, b:number) => number = (a:number, b:number) => a +  b

函数的参数

• 可选参数
  一个函数的参数可能是不存在的，可以使用？来定义这种情况

const add (a:number, b?:number) => a + (b?b:0)

参数b有number与undefined两种可能。

• 默认参数
  与javascript类似。

const add = (a:number, b= 0) => a + b

• 剩余参数
  与javascript类似

const add = (a:number ,...rest:number[]) => rest.reduce(((a,b)=>a + b ),a)

重载

重载(overloading) 是在一个类里面，方法名字相同，而参数不同。返回类型可以相同也可以不同。
每个重载的方法（或者构造函数）都必须有一个独一无二的参数类型列表。

• typescript重载的实现

// 重载
interface Direction {
  top: number,
  bottom?: number,
  left?: number,
  right?: number
}
function assigned(all: number): Direction
function assigned(topAndBottom: number, leftAndRight: number): Direction
function assigned(top: number, right: number, bottom: number, left: number): Direction

function assigned (a: number, b?: number, c?: number, d?: number) {
  if (b === undefined && c === undefined && d === undefined) {
    b = c = d = a
  } else if (c === undefined && d === undefined) {
    c = a
    d = b
  }
  return {
    top: a,
    right: b,
    bottom: c,
    left: d
  }
}

assigned(1)
assigned(1,2)
assigned(1,2,3)
assigned(1,2,3,4)