วิธีส่งค่า 'undefined' ให้ฟังก์ชันที่มีหลายพารามิเตอร์ใน JavaScript

เพื่อตั้งค่า parameter ที่ 2 เป็น undefined ให้ตั้งค่าดังนี้:

displayFunc(undefined, "Amit");

ตัวอย่าง

ตัวอย่างแสดง parameter ที่ 2 สำเร็จ เมื่อ parameter แรกเป็น "undefined"

<!DOCTYPE html> 
<html> 
  <body> 
    <script> 
      function displayFunc(p1, p2) { 
        document.write("Parameter 1 = " + p1); 
        document.write("<br>Parameter 2 = " + p2); 
      } 
      displayFunc(undefined, "Amit"); 
    </script> 
  </body> 
</html>

วิธีอื่นๆ สำหรับ Optional Parameters

// 1. Default parameters (ES6) - แนะนำ
function displayFunc(p1 = "default1", p2 = "default2") {
  console.log(p1, p2);
}
displayFunc(undefined, "Amit");  // "default1", "Amit"
displayFunc("Hello");            // "Hello", "default2"
displayFunc();                   // "default1", "default2"

// 2. Options object pattern (สำหรับหลาย optional params)
function createUser({ name = "Anonymous", age = 0, email = "" } = {}) {
  return { name, age, email };
}
createUser({ name: "John" });  // { name: "John", age: 0, email: "" }

// 3. arguments object (legacy)
function displayFunc() {
  const p1 = arguments[0];
  const p2 = arguments[1];
  // ...
}

ข้อสังเกต

• ส่ง undefined โดยตรงได้ — จะใช้ default parameter แทน (ถ้ามี)
• null ต่างจาก undefined — null จะไม่ trigger default parameter
• ใช้ options object pattern เมื่อมี optional parameters มากกว่า 2-3 ตัว