วิธีสร้างฟังก์ชันใน JavaScript

วิธีที่พบบ่อยที่สุด: Function Declaration

ใช้คำสำคัญ function ตามด้วยชื่อฟังก์ชัน รายการพารามิเตอร์ (อาจว่างได้) และบล็อกคำสั่งในวงเล็บปีกกา

Syntax

<script>
  function functionName(parameter-list) {
    statements
  }
</script>

ตัวอย่าง: ฟังก์ชันไม่รับพารามิเตอร์

<script>
  function sayHello() {
    alert("Hello World!");
  }
</script>

วิธีอื่นๆในการสร้างฟังก์ชัน

1. Function Expression

var sayHello = function() {
  alert("Hello World!");
};

2. Arrow Function (ES6+)

const sayHello = () => {
  alert("Hello World!");
};

3. Function Constructor (ไม่แนะนำให้ใช้ทั่วไป)

var sayHello = new Function('alert("Hello World!")');

การเรียกใช้ฟังก์ชัน

sayHello(); // เรียกใช้ฟังก์ชัน

ฟังก์ชันที่รับพารามิเตอร์และคืนค่า

function add(a, b) {
  return a + b;
}

var result = add(5, 3); // result = 8

ข้อสังเกตสำคัญ

• ชื่อฟังก์ชันต้องเป็นตัวระบุที่ถูกต้อง (เริ่มต้นด้วยตัวอักษร, _, หรือ $)
• ฟังก์ชันเป็น First-class Citizen: สามารถกำหนดให้ตัวแปร ส่งเป็นอาร์กิวเมนต์ คืนค่าจากฟังก์ชันอื่นได้
• Function Declaration ถูก Hoist (ย้ายขึ้นบนสุด) เรียกใช้ก่อนประกาศได้ แต่ Function Expression ไม่ได้