10.TypeScript函数

基础

一个函数由以下部分组成：

• function关键词，用于声明函数，可省略
• 函数名，和变量一样按规则命名，一般来说顾名思义
• （）小括号，小括号内可选择传递多个参数，一般来说不超过7个
• 函数返回值类型，可省略，可以是基础类型中的任意类型，省略的话如果没有return默认是void无返回值。
• {}中括号，中括号内是函数的功能实现，函数调用时会执行的部分。
  函数声明会告诉编译器函数的名称、返回类型和参数。函数定义提供了函数的实际主体。
  一般来说，逻辑上划分通常是根据每个函数执行一个特定的任务来进行的，不要把不同的任务代码都分配到一个函数中，这样代码量大时会异常混乱。

函数定义 && 调用

• 定义：

function_name()
{
    // 执行代码
}

实例：

    printName() {
        console.log('张三');
    }

• 调用

function_name()

实例：

    printName() {
        console.log('调用函数printName');
    }
	printName();

返回值

上面说过，如果没有指定返回值类型时，函数默认无返回值也就是void类型。
如果希望函数将执行的结果返回到调用它的地方，可以通过return语句来实现。
通过使用 return 语句就可以实现。
使用 return 语句时，函数会在当前语句停止执行，并返回指定的值。
语法：

function function_name():return_type { 
    // 语句
    return value; 
}

return_type可省略，value可省。

带参函数

语法：

function func_name( param1 [:datatype], param2 [:datatype]) {   
}

• 可选参数
  可选参数使用问号标识 ？

function buildName(firstName: string, lastName?: string) {
    if (lastName)
        return firstName + " " + lastName;
    else
        return firstName;
}

如果定义了参数，调用函数时必须传入这些参数，如果将这些参数设置为可选，则可传可不传
可选参数必须跟在必需参数后面。 如上例如果想让 firstName 是可选的，lastName 必选，那么就要调整它们的位置，把 firstName 放在后面。
如果都是可选参数，顺序无所谓。

• 默认参数
  设置参数的默认值，在调用函数的时如果不传入该参数的值，则使用默认参数，语法：

function function_name(param1[:type],param2[:type] = default_value) { 
}

实例：

function calculate_discount(price:number,rate:number = 0.50) { 
    var discount = price * rate; 
    console.log("计算结果: ",discount); 
} 

• 剩余参数
  如果在某种情况下不知道要向函数传入多少个参数，这时候就可以使用剩余参数来定义。
  剩余参数语法允许将一个不确定数量的参数作为一个数组传入。

buildName(firstName: string, ...restOfName: string[]) {
    return firstName + " " + restOfName.join(" ");
}
  
let employeeName = buildName("Joseph", "Samuel", "Lucas", "MacKinzie");

如上，函数的最后一个命名参数 restOfName 以 ... 为前缀，它将成为一个由剩余参数组成的数组

匿名函数

顾名思义，匿名函数是一个没有函数名的函数。
匿名函数在程序运行时动态声明，除了没有函数名外，其他的与标准函数一样。

• 不带参数的匿名函数

let msg = () { 
    return "hello world";  
} 
console.log(msg())

• 带参数匿名函数

let res = function(a:number,b:number) { 
    return a*b;  
}; 
console.log(res(12,2))

• 匿名函数自调用
  如果想要匿名函数在定义后直接调用,在函数后使用 () 即可

(function () { 
    let x = "Hello!!";   
    console.log(x)     
 })()

构造函数

TS支持构造函数 Function() 来定义函数

res = new Function ([arg1[, arg2[, ...argN]],] functionBody)

例如：

let myFunction = new Function("a", "b", "return a * b"); 
let x = myFunction(4, 3); 
console.log(x);

递归函数

在函数内调用函数本身的函数叫递归函数。
在某种情况需要多次重复执行代码块，就可以使用递归，需要注意必须在某种限制条件下停止递归（return）,避免死循环

factorial(number) {
    if (number <= 0) {         // 停止执行
        return 1; 
    } else {     
        return (number * factorial(number - 1));     // 调用自身
    } 
}; 
console.log(factorial(6));      // 输出 720

Lambda 函数

也叫箭头函数，在某些情况使用Lambda函数方便简介明了。
语法：

( [param1, param2,…param n] )=> {
 
    // 代码块
}

例如：

let foo = (x:number)=>10 + x 
console.log(foo(100))  

• 当单个参数 时 () 是可选的：
  例如：

display = x => { 
    console.log("输出为 "+x) 
} 
display(12)

函数重载

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

• 参数类型不同：

function disp(string):void; 
function disp(number):void;

• 参数数量不同：

function disp(n1:number):void; 
function disp(x:number,y:number):void;

• 参数类型顺序不同：

function disp(n1:number,s1:string):void; 
function disp(s:string,n:number):void;