[JavaScript ES6] 函式預設參數

[JavaScript ES6] 函式預設參數

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 功能: