ฟังก์ชั่นใน Javascript — คู่มือฉบับสมบูรณ์

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

ใน JavaScript ฟังก์ชันคือบล็อกโค้ดที่สามารถนำมาใช้ซ้ำได้ซึ่งสามารถกำหนดและดำเนินการได้ ฟังก์ชันต่างๆ ใช้เพื่อดำเนินงานหรือการคำนวณเฉพาะ และสามารถรับค่าอินพุตที่เรียกว่าพารามิเตอร์ และส่งกลับค่าเอาต์พุตได้

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

ประกาศฟังก์ชันโดยใช้คีย์เวิร์ด function ตามด้วยชื่อ (ตัวระบุ) รายการพารามิเตอร์ (ไม่บังคับ) และบล็อกโค้ดที่อยู่ในเครื่องหมายปีกกา {} นี่คือการประกาศฟังก์ชั่นพื้นฐาน:

function greet(name) {
  console.log(`Hello, ${name}!`);
}

ในตัวอย่างนี้ greet คือชื่อฟังก์ชัน และ name คือพารามิเตอร์ เมื่อเรียกใช้ฟังก์ชันนี้จะบันทึกคำทักทายด้วย name ที่ให้ไว้ไปยังคอนโซล

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

หากต้องการดำเนินการหรือเรียกใช้ฟังก์ชัน คุณใช้ชื่อตามด้วยวงเล็บ () ต่อไปนี้เป็นวิธีเรียกใช้ฟังก์ชัน greet:

greet("Alice"); 
// Output: Hello, Alice!

ค่า "Alice" ถูกส่งผ่านเป็นอาร์กิวเมนต์ไปยังพารามิเตอร์ name ในฟังก์ชัน greet

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

พารามิเตอร์

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

function add(a, b) {
  console.log(a + b);
}

add(3, 5); 
// Output: 8

add(10, 20); 
// Output: 30

ในฟังก์ชัน add นั้น a และ b เป็นพารามิเตอร์ และคุณสามารถส่งผ่านค่าที่แตกต่างกันได้ทุกครั้งที่คุณเรียกใช้

ส่งกลับค่า

ฟังก์ชันสามารถคืนค่าโดยใช้คำสั่ง return ฟังก์ชันสามารถมีคำสั่ง return ได้หลายคำสั่ง แต่จะออกทันทีที่พบ return คำสั่งแรก ตัวอย่างเช่น:

function subtract(a, b) {
 return a - b;
}

const result = subtract(10, 5);

console.log(result); 
// Output: 5

ฟังก์ชัน subtract รับพารามิเตอร์สองตัว a และ b และส่งกลับค่าความแตกต่าง

ฟังก์ชันนิพจน์และฟังก์ชันลูกศร

นิพจน์ฟังก์ชัน

ใน JavaScript คุณสามารถกำหนดฟังก์ชันโดยใช้นิพจน์ฟังก์ชันได้ นิพจน์ฟังก์ชันจะกำหนดฟังก์ชันให้กับตัวแปร ตัวอย่างเช่น:

const multiply = function(a, b) {
  return a * b;
};

const product = multiply(4, 7);
console.log(product); // Output: 28

ในตัวอย่างนี้ multiply คือตัวแปรที่เก็บฟังก์ชันที่ไม่ระบุชื่อ

ฟังก์ชั่นลูกศร

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

const divide = (a, b) => a / b;

const quotient = divide(10, 2);
console.log(quotient); // Output: 5

ฟังก์ชันลูกศรมักใช้ในโค้ด JavaScript สมัยใหม่เพื่อความกระชับและอ่านง่าย

บทสรุป

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

1. การประกาศและการเรียกใช้ฟังก์ชัน: เราได้เรียนรู้วิธีการประกาศฟังก์ชันโดยใช้คำหลัก function และวิธีการเรียกใช้ฟังก์ชันโดยการให้อาร์กิวเมนต์
2. พารามิเตอร์ของฟังก์ชันและค่าที่ส่งคืน: เราได้พูดคุยถึงวิธีที่ฟังก์ชันต่างๆ สามารถยอมรับพารามิเตอร์เพื่อทำให้เป็นแบบไดนามิกและส่งคืนค่าเพื่อให้ได้ผลลัพธ์
3. นิพจน์ฟังก์ชันและฟังก์ชันลูกศร: เราศึกษานิพจน์ฟังก์ชัน ซึ่งกำหนดฟังก์ชันให้กับตัวแปร และฟังก์ชันลูกศร ซึ่งมีไวยากรณ์ที่กระชับสำหรับการเขียนฟังก์ชัน

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

ในขณะที่คุณเดินทางต่อด้วย JavaScript การฝึกฝนและการทดลองจะเป็นกุญแจสำคัญในการฝึกฝนแนวคิดเหล่านี้ อย่าลังเลที่จะสร้างฟังก์ชั่นของคุณเองและสำรวจความสามารถของพวกเขา ขอให้มีความสุขในการเขียนโค้ด!