ต่อไปนี้คือวิธีการกำหนดฟังก์ชันใน JavaScript -
นิยามฟังก์ชัน
วิธีทั่วไปที่สุดในการกำหนดฟังก์ชันใน JavaScript คือการใช้ ฟังก์ชัน คีย์เวิร์ด ตามด้วยชื่อฟังก์ชันเฉพาะ รายการพารามิเตอร์ (ที่อาจว่างเปล่า) และบล็อกคำสั่งที่ล้อมรอบด้วยเครื่องหมายปีกกา
นี่คือตัวอย่างที่แสดงนิยามฟังก์ชันปกติ -
<script>
<!--
function Display()
{
alert("Hello World!");
}
//-->
</script> เรียกใช้ฟังก์ชันทันที
อีกวิธีหนึ่งในการกำหนดฟังก์ชันใน JavaScript คือการใช้ฟังก์ชันที่เรียกใช้ทันที จุดประสงค์ของการตัดคำคือเพื่อเนมสเปซและควบคุมการมองเห็นฟังก์ชันของสมาชิก มันรวมโค้ดไว้ในขอบเขตของฟังก์ชันและลดการปะทะกับไลบรารีอื่นๆ นี่คือสิ่งที่เราเรียกว่า Instant Invoked Function Expression (IIFE) หรือ Self Executing Anonymous Function
ไวยากรณ์
นี่คือไวยากรณ์ −
(function() {
// code
})(); ดังที่คุณเห็นด้านบน วงเล็บคู่ต่อไปนี้แปลงรหัสภายในวงเล็บเป็นนิพจน์ -
function(){...} นอกจากนี้ คู่ถัดไป กล่าวคือ วงเล็บคู่ที่สองยังคงดำเนินการต่อไป เรียกฟังก์ชันซึ่งเป็นผลมาจากนิพจน์ข้างต้น
ฟังก์ชันนิรนาม
ฟังก์ชันที่ไม่ระบุชื่อจะโหลดโดยใช้ชื่อตัวแปรเสมอ ไม่ระบุชื่อ ตามชื่อ อนุญาตให้สร้างฟังก์ชันโดยไม่มีตัวระบุชื่อ สามารถใช้เป็นอาร์กิวเมนต์ของฟังก์ชันอื่นๆ เรียกพวกเขาโดยใช้ชื่อตัวแปร -
นี่คือวิธีการใช้ฟังก์ชันที่ไม่ระบุตัวตนของ JavaScript -
var func = function() {
alert(‘This is anonymous');
}
func(); ตัวอย่าง
//anonymous function
var a = function() {
return 5;
} ตัวสร้างฟังก์ชัน
ตัวสร้าง function() ใช้ใน JavaScript เพื่อสร้างวัตถุฟังก์ชันใหม่ ออบเจ็กต์ที่สร้างจะถูกแยกวิเคราะห์เมื่อสร้างฟังก์ชัน
คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อเรียนรู้วิธีทำงานกับตัวสร้าง function() -
<html>
<body>
<script>
var num = new Function('p', 'q', 'r', 'return p * q * r');
document.write("Value after multiplication: "+num(5, 2, 9));
</script>
</body>
</html> 