TS学习04-函数

函数

函数类型

为函数定义类型

function add (x: number, y: number): number {return x + y}

ts 能够根据返回语句自动推断出返回值类型，因此我们通常省略它。

表达式函数（匿名函数）

const add:(x:number, y:number) => number = function(x,y) {return x + y}

包含参数类型和返回值类型。

如果函数没有返回任何值，必须指定返回值类型为 void而不能留空。

推断类型

如上面表达式函数中 匿名函数参数未指定类型，ypeScript编译器会自动识别出类型

这叫做“按上下文归类”，是类型推论的一种。

可选参数和默认参数

ts中每个函数参数都是必须的。编译器检查用户是否未每个参数都闯入了值。

function add (a:string,b:number){}
add('1')//error
add('1',1,1)//error
add('1',1)

实现可选参数功能

在参数旁边使用 ？

可选参数必须更在必须参数的后面

function add (a:string, b?:number) {}

提供一个默认值

function add (a: string, b: number = 1) {}
add('1')
add('1',1)
add('1',1,1)//error

带默认值的参数不需要放在必须参数的后面

剩余参数

function add (a:string, ...restArgs:any[])

可以一个都没有，同样也可以有任意个。

this参数

没懂，没乍看

重载

定义多个相同函数名 的函数；形参、形参类型、返回值类型；不写函数体；
最后一个定义具体写函数体；形参不写类型为any； 返回类型为any

function fun1(a: string, b: number): string;
function fun1(a: number, b: string): string;
function fun1(b: boolean, c: string): string;
function fun1(a: any, b: any): string {
  console.log(a, b);
  return "----";
}

fun1(1, "2");
fun1("1", 2);
fun1(true, "2");