ฟังก์ชั่นคืออะไร?

ฟังก์ชันคือบล็อกของโค้ดที่ออกแบบมาเพื่อทำงานและดำเนินการเมื่อมีการเรียกหรือเรียกใช้

เคล็ดลับสำคัญที่ต้องรู้เกี่ยวกับฟังก์ชั่น!

• ฟังก์ชั่นเป็นวัตถุ
• ฟังก์ชันจะส่งกลับค่าเสมอ
• ใน Javascript หากไม่ได้ระบุค่าที่ส่งคืน ค่าที่ส่งคืนจะส่งคืนundefined
• โค้ดภายในฟังก์ชันจะถูกเรียกใช้เมื่อฟังก์ชันถูกเรียกใช้หรือ"เรียก "
• ฟังก์ชันสามารถมีพารามิเตอร์ตั้งแต่หนึ่งตัวขึ้นไป

การประกาศฟังก์ชัน

กำหนดฟังก์ชันด้วยพารามิเตอร์ที่ระบุ
ในการสร้างฟังก์ชัน คุณต้องใส่คีย์เวิร์ดของฟังก์ชันก่อน จากนั้นคุณจะใส่ชื่อของฟังก์ชัน จากนั้นจึงใส่รายการพารามิเตอร์ ของคุณ ระหว่างวงเล็บ(อย่าลืมใส่ลูกน้ำระหว่างแต่ละพารามิเตอร์ในวงเล็บของคุณ)และสุดท้ายคือโค้ดของ ฟังก์ชัน ของคุณระหว่างวงเล็บปีกกา

ดังนั้นการทำงานต่างๆ อาจเป็นเรื่องยากโดยเฉพาะอย่างยิ่งหากคุณไม่รู้ว่ากำลังทำอะไรอยู่ อย่าลืมเริ่มต้นด้วยไวยากรณ์เสมอ มันจะทำให้ชีวิตและการเขียนโค้ดของคุณง่ายขึ้นมากหากคุณมีไวยากรณ์ที่ถูกต้อง นี่คือตัวอย่างของวิธีการเริ่มต้น:

ฟังก์ชัน functionName() {

}
นี่คือเทมเพลตฟังก์ชันพื้นฐานหรือ

ฟังก์ชัน functionName(parameter1, parameter2){

“รหัสของคุณที่นี่”
}

ทีนี้ลองมาดูตัวอย่าง DrinkAge ของฉันและแยกย่อย ฟังก์ชันเริ่มต้นด้วย "ฟังก์ชัน" สิ่งนี้จะบอกคอมพิวเตอร์ว่าฟังก์ชันจะเป็นอย่างไรหากใช้ไวยากรณ์ที่ถูกต้อง ต่อไป เรามี “drinkingAge” ซึ่งเป็นชื่อฟังก์ชันของเรา (โปรดทราบว่าชื่อฟังก์ชันของคุณสามารถเป็นอะไรก็ได้ที่คุณต้องการ เช่น เราอาจใช้ “legalDrinkingAge” แทน “drinkingAge” ก็ได้เหมือนกัน การคืนฟังก์ชัน) หลังจากนั้น เรามีวงเล็บซึ่งจะเป็นพารามิเตอร์ของเรา เราอาจมีพารามิเตอร์หรือ "ข้อโต้แย้ง" มากกว่าหนึ่งรายการ เพียงจำไว้ว่าคุณต้องมีเครื่องหมายจุลภาคระหว่างแต่ละพารามิเตอร์

จากนั้นเรามีวงเล็บปีกกา(จำไว้ว่าเราต้องมีรหัสทั้งหมดของเราในวงเล็บปีกกา)แม้ว่าเราจะใส่วงเล็บปีกกาไว้ในวงเล็บก็ตาม วงเล็บปีกกาใช้เพื่อเริ่มต้นโค้ดและสิ้นสุดโค้ด ดังนั้นโปรดตรวจสอบให้แน่ใจว่ามีวงเล็บปีกกา {} ทั้งคู่

โค้ดที่เขียนในวงเล็บปีกกาจะเป็นฟังก์ชันหรือฟังก์ชันของคุณ ในรหัสของฉันข้างต้นจะใช้อายุและส่งกลับให้เรา "คุณสามารถซื้อเครื่องดื่ม" หรือ "ขออภัย ไม่มีเครื่องดื่มสำหรับคุณ" ขึ้นอยู่กับอายุ ดังนั้นฟังก์ชันของคุณจะกลับมาเมื่อมีการร้องขอเท่านั้น ดังนั้นฉันจึงใช้ console.log เพื่อดูผลลัพธ์ของรหัสของฉัน หากคุณดูที่โค้ดด้านบน ฉันใช้ console.log(DrinkingAge(22)) และหากโค้ดถูกต้อง ควรส่งคืน "You can buy a drink" เพื่อให้ผู้ที่มีอายุ 22 ปีสามารถซื้อเครื่องดื่มได้

ตอนนี้เราคุ้นเคยกับการประกาศฟังก์ชันแล้ว เรามาต่อที่นิพจน์ฟังก์ชันกัน

การแสดงออกของฟังก์ชัน

ช่วยให้เราสามารถสร้างฟังก์ชั่นนิรนามที่ไม่มีชื่อฟังก์ชั่น

let sayGoodMorning = function() {
  alert("Good Morning");
};

ไม่ว่าฟังก์ชันจะถูกสร้างอย่างไร ฟังก์ชันก็คือค่า
เรายังสามารถพิมพ์ค่านั้นโดยใช้การแจ้งเตือน:

let sayGoodMorning = function() {
  alert("Good Morning")
}
alert( sayGoodMorning );

ทำไมถึงมีเครื่องหมายอัฒภาคต่อท้าย?

บางคนอาจถามว่าเหตุใด Function Expressions จึงมีเครื่องหมายอัฒภาค (;) ต่อท้าย แต่การประกาศฟังก์ชั่นไม่มี ตัวอย่างเช่น

Function sayGoodMorning() {
// code here
}

let sayGoodMorning() {
// Code Here
};

นี่คือข้อแตกต่างระหว่างการประกาศ ฟังก์ชัน และนิพจน์ฟังก์ชันพร้อมตัวอย่าง เมื่อคุณผ่านพ้นความน่ารำคาญไปแล้ว ฟังก์ชันต่างๆ จะทำให้ประสบการณ์การเขียนโค้ดของคุณง่ายขึ้น จัดระเบียบได้ดีขึ้น และชัดเจนยิ่งขึ้นเมื่อคุณสรุปโค้ดของคุณ

ขอบคุณที่อ่านและขอให้โชคดีกับการเขียนโค้ด!