ฟังก์ชัน: การประกาศ พารามิเตอร์ และ return

สร้างบล็อกโค้ดที่นำกลับมาใช้ซ้ำได้ด้วย function ส่งพารามิเตอร์เข้าไป และรับผลลัพธ์กลับมาด้วย return

6 นาที · 3 คำถาม

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

function sayHello() {
  console.log("Hello!");
}

sayHello(); // Prints: Hello!
sayHello(); // Prints: Hello!

ฟังก์ชันจะมีประโยชน์จริง ๆ เมื่อมันรับข้อมูลได้ พารามิเตอร์ (parameter) คือตัวแปรที่ประกาศไว้ในวงเล็บของฟังก์ชัน มันทำหน้าที่เหมือนช่องรับข้อมูลเข้า เมื่อคุณเรียกฟังก์ชัน ค่าจริงที่คุณส่งเข้าไปเรียกว่า อาร์กิวเมนต์ (argument) ในตัวอย่างถัดไป name คือพารามิเตอร์ และ "Léa" คืออาร์กิวเมนต์

function greet(name) {
  console.log("Hello, " + name + "!");
}

greet("Léa");  // Prints: Hello, Léa!
greet("Marc"); // Prints: Hello, Marc!

การพิมพ์ข้อความก็ดีอยู่ แต่การสร้างผลลัพธ์ที่นำกลับมาใช้ซ้ำได้นั้นดีกว่า คำสงวน return จะส่งค่ากลับไปยังจุดที่ฟังก์ชันถูกเรียก การเรียก add(2, 3) จะถูกแทนที่ด้วยค่าของมัน คือ 5 คุณสามารถเก็บผลลัพธ์นี้ในตัวแปรหรือใช้มันได้ทันที ข้อสังเกตคือ return จะจบการทำงานของฟังก์ชันทันที

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

const result = add(2, 3);
console.log(result);     // Prints: 5
console.log(add(10, 4)); // Prints: 14

ทดสอบความรู้

ตรวจสอบว่าคุณจำประเด็นสำคัญของบทเรียนนี้ได้ครบถ้วน

1. คำสงวนใดที่ทำให้ฟังก์ชันส่งผลลัพธ์กลับไปยังจุดที่ถูกเรียก?
   • return
   • function
   • result
   • send
2. จาก function add(a, b) { return a + b; } ค่าของ add(2, 3) คืออะไร?
   • 23
   • 5
   • undefined
3. ค่าจริงที่ส่งให้ฟังก์ชันตอนที่ถูกเรียก เรียกว่าอะไร?
   • อาร์กิวเมนต์
   • พารามิเตอร์
   • ดัชนี