Day24-TypeScript(TS)函式(Function)的预设参数(Default Parameter)

今天要来向大家说明TypeScript(TS)函式(Function)的预设参数(Default Parameter)，
与昨天带大家认识的**选择性参数(Optional Parameter)**都是让函式在被呼叫时，
可以选择传入或是不传入参数，
最大的差别就是
选择性参数若不传入值，该参数便会undefined，
预设参数若不传入值，该参数便会带入预设的值，
那麽我们依样来看看范例吧。

首先，先来一样带之前的最基本款吧，

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

接着将参数y改写为预设参数，
表示在呼叫这个函式时若不传入此参数时便会带入所预设的值，
在范例中我带入预设参数y为0，
如下，

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

那麽我在呼叫这个add函式时，
若不传入y参数，
y便会直接预设为0，
回传结果就会式 x + 0 的值。

在使用上的范例如下，

let i = 10;
let j = 20;
let r1 = add(i, j); // 10+20=30
let r2 = add(i); // 10
console.log(r1, r2); // 30 20 

也就是一般呼叫函式的方式，
这也能看出预设参数与选择性参数相同的，
皆能让这函式变得更有弹性。

今日结语

今天讲的预设参数与昨天讲的选择性参数在使用上是不是很相似呢，
我觉得预设参数在大多数的情况下可能更好用一些，
也不用担心undefined型别会影响判断式，
更为直观，
那麽大家一如往常的继续加油喔。