在預設引數( 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