2025年10月6日 星期一

在預設引數( Default parameters)裡使用 earlier parameter

 在預設引數( Default parameters)裡使用 earlier parameter

前言

  預設引數( Default parameters) 是可以使用 earlier parameter ,在此把學習的過程做個紀錄。


內容

  範例如下

function showMsg( msg1 = 'Hello' , msg2 = 'World' , lastMsg = `${msg1} ${msg2}`){
  console.log(lastMsg);
}
//
showMsg();//Hello World
showMsg( 'Happy' );//Happy World"
showMsg( 'Happy' , 'birthday' );//Happy birthday
showMsg( '' , '' , 'Just a msg' );//Just a msg
//
function showError( lastMsg = `${ msg }` , msg ='1234'){
  console.log( lastMsg );
}
//Follow has error!
// showError();


使用 earlier parameter 只要直接使用就可以,如範例的 showMsg() ,msg1 與 msg2 都會在 lastMsg 被使用,範例接著分別示範各個預設變數的狀況,如同預期,不過使用 earlier parameter 要注意先後順序的問題,如 showError() ,在 earlier parameter 使用 msg 變數,但 msg 變數在後面才出現,雖然只是宣告這樣的 Function 不會報錯,但如果直接喚起就會發生錯誤!


參考資料

[ developer.mozilla.org ] Default parameters


相關文章與資料

初探解構賦值