H5游戏开发-TypeScript函数

六、TypeScript函数

函数是ts程序中基本的功能模块，简单的理解就是函数是对功能的封装。

定义函数：

语法：
function add(n1:number, n2:number) : number{
 return n1+n2;
}
调用：
add(1,1);
注意：return关键字有两个作用：
  作为结果返回关键字。
  结束当前函数（return之后的代码不再执行）

注意：

声明函数必须使用function关键字。
​
函数名与变量名一样，命名规则按照标识符的规则。
​
声明函数的时候参数可有可无，多个参数之间用逗号隔开。
​
函数的返回值可有可无，如果没有返回值，则返回值类型为void。
​
大括号内为函数体。

函数的参数

形参（函数定义时写的参数即为形参）
实参（调用函数的时候传递的具体值就是实参）
在函数调用时，我们需要按照形参的规则传递实参，有几个形参就要传递几个实参，并且每个实参的数据类型都要与对应形参的数据类型一致。

有可选参数的函数：

//函数有两个形参，假设第一个必传，第二个可传可不传。
function add(n1:number, n2?:number):number{
 //方法体
}
​
add();//报错，参数个数不匹配
add(1);//正确
add(1,2);//正确

有默认参数的函数：

//当函数有可选参数时，我们必须检测参数是否被传递，我们还可以使用默认参数来解决参数不确定的情况
function add(n1:number,n2:number = 3):number{
 //方法体
}
add();//报错
add(1);//正确，结果为4
add(1,2);//正确，结果为3

有剩余参数的函数：

function add(...num:number[]):number{
 var sum = 0;
 for(var i:number = 0; i < num.length; i++){
  sum += num[i];
 }
 return sum;
}
​
//调用
add();//正确
add(1);//正确
add(1,2);//正确

箭头函数

//函数声明法
function add(n1:number,n2:number):number{
 return n1+n2;
}
​
//函数表达式法
var add = function(n1:number,n2:number):number{
 return n1+n2;
}
​
//箭头函数
var add = (n1:number,n2:number):number =>{
 return n1+n2;
}