ตั้งค่า Default Value ให้ Argument ป้องกัน Undefined Errors ใน JavaScript

วิธีทำ

ใช้ destructuring พร้อม default value ใน parameter ของฟังก์ชัน

ตัวอย่างโค้ด

function display({ name = 'Jack' } = {}) { 
  console.log(`Hi My Name is ${name}!`); 
} 
display(); 
display({name:"Taylor Swift"});

วิธีรัน

node fileName.js

ชื่อไฟล์ demo171.js

ผลลัพธ์

PS C:\Users\Amit\javascript-code> node demo171.js 
Hi My Name is Jack! 
Hi My Name is Taylor Swift!

คำอธิบาย

{ name = 'Jack' } = {} คือ destructuring พร้อม default value:
- เรียก display() ไม่ส่งอะไร → ใช้ default 'Jack'
- เรียก display({name:"Taylor Swift"}) → ใช้ค่าที่ส่งมา
ป้องกัน error เมื่อเรียกฟังก์ชันโดยไม่ส่ง parameter