JavaScript อนุญาตให้สร้างฟังก์ชันของตัวเองได้ เพื่อเรียกใช้ฟังก์ชันที่ประกาศไว้ ให้เขียน ชื่อฟังก์ชันตามด้วยวงเล็บ () พร้อมอาร์กิวเมนต์ (ถ้ามี)
ตัวอย่างพื้นฐาน
<html>
<head>
<script>
function sayHello() {
document.write("Hello there!");
}
</script>
</head>
<body>
<p>คลิกปุ่มด้านล่างเพื่อเรียกใช้ฟังก์ชัน</p>
<form>
<input type="button" onclick="sayHello()" value="Say Hello">
</form>
<p>ลองเปลี่ยนข้อความใน document.write แล้วทดสอบดู</p>
</body>
</html>
รูปแบบการเรียกใช้ฟังก์ชัน
- Function Declaration:
function myFunc() {}→ เรียกด้วยmyFunc() - Function Expression:
var myFunc = function() {}→ เรียกด้วยmyFunc() - Arrow Function:
const myFunc = () => {}→ เรียกด้วยmyFunc() - Method ของออบเจ็กต์:
obj.method() - Constructor:
new MyClass() - IIFE (Immediately Invoked):
(function() {})()
การส่งอาร์กิวเมนต์
function greet(name, age) {
console.log(name + " อายุ " + age + " ปี");
}
greet("สมชาย", 25); // ส่ง 2 อาร์กิวเมนต์
greet("สมหญิง"); // age จะเป็น undefined
เคล็ดลับ: ใช้ arguments object หรือ Rest Parameters (...args) สำหรับฟังก์ชันที่รับจำนวนอาร์กิวเมนต์ไม่คงที่
