เรียน Javascript ES6: วิธีประกาศค่าเริ่มต้นให้ Parameter ใน Function

บทความนี้เป็นบทความที่ 2 ในซีรี่ยส์เรียนรู้ Javascript ES6 ด้วยตนเองสำหรับนักพัฒนาเว็บ สนใจดูเนื้อหาทั้งหมดคลิกที่นี่เลยครับ

เอาล่ะครับ ความสามารถใหม่ที่เพิ่มเติมเข้ามาใน Javascript รุ่น Ecmascript 6 ที่โค้ชพลว่า มันต้องช่วยให้เราทำงานได้ง่ายขึ้น ก็คือ

การสามารถประกาศค่าเริ่มต้น (Default Value) ของ Parameter ใน Function ครับ

ลองดูตัวอย่างด้านล่างได้เลย

1. แบบที่ 1 เป็นการประกาศค่าเริ่มต้นให้ parameter ทั่วไป
2. แบบที่ 2 เป็นการประกาศค่าเริ่มต้นให้ parameter แบบ Object ครับ

[codepen_embed height=”341″ theme_id=”0″ slug_hash=”bdKdmO” default_tab=”js” user=”teerasej”] // Declare default value to parameter.
function plus( a = 10, b = 10 ){
return a + b;
}

$('#result').html( plus(30) );
// Declare object as default value
function getID( user = {id:'101'}){
return user.id;
}

$('#userResult').html( getID() );

See the Pen <a href=’http://codepen.io/teerasej/pen/bdKdmO/’>เรียน Javascript ES6: วิธีประกาศค่าเริ่มต้นให้ Parameter</a> by Teerasej (<a href=’http://codepen.io/teerasej’>@teerasej</a>) on <a href=’http://codepen.io’>CodePen</a>.
[/codepen_embed]