ZWH ZONE

[JavaScript ES6] 函式預設參數

zhiwei. huang -

在 ES6 之前，我們一般在 JavaScrip 函式中定義 參數 的 預設值 ，會使用 typeof 先進行判斷，在賦予其 預設值 ， 如下 ：

在 ES6 前，定義 參數 的 預設值 的作法 ：

function say(message){
 if( typeof message === 'undifind' ){
    message = '預設值'；
 }
 console.log(message);
}

say();

先用 typeof 預先判斷 message 的參數 是否有賦予值 ， 如果沒有值了話，則給予 預設 的值

ES6 的寫法：

而在 ES6 中，這 簡化 了上述的流程，我們可以直接用下面範例的方式，給予 參數 預設值 ：

function say(message ="預設值"){
 console.log(message);
}
say();

直接在定義參數時，在參數後方定義 預設值 就可以了，更進階範例的範例如下：

function say(message1="Hello",message2="Word",message_final=message1 + " " + message2){
 console.log(message_final);
}
say();

在 ES6 中，我們在定義參數時，我們可以直接使用 前面定義好的參數，來當作後方參數回傳的結果

上方的範例執行後的結果如下：

Hello Word

Facebook 功能：