คำสั่ง return ใน JavaScript

สมมติว่าเรามีฟังก์ชันที่แสดงผล กำลังสองของตัวเลขที่ส่งเข้ามาในคอนโซล:

javascriptfunction func(num) {
  console.log(num ** 2);
}

สมมติว่าเราไม่ต้องการแสดงค่าในคอนโซล แต่ต้องการบันทึกลงในตัวแปร แบบนี้:

javascriptlet res = func(3); // ตอนนี้ในตัวแปร res จะมีค่า 9

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

เอาล่ะ ลองมาเขียนฟังก์ชันของเราใหม่ ให้ไม่แสดงผลในคอนโซล แต่ให้คืนค่ากลับมาในตัวแปรแทน:

javascriptfunction func(num) {
  return num ** 2;
}

ทีนี้ลองเรียกใช้ฟังก์ชันของเรา โดยบันทึกผลลัพธ์ลงในตัวแปร:

javascriptlet res = func(3); // ค่า 9 จะถูกบันทึกลงในตัวแปร

หลังจากที่ข้อมูลถูกบันทึกลงในตัวแปรแล้ว เราก็สามารถนำไปแสดงในคอนโซลได้ เช่น:

javascriptlet res = func(3);
console.log(res); // จะแสดง 9

หรืออาจจะปรับเปลี่ยนข้อมูลนั้นก่อน แล้วค่อยแสดงผลในคอนโซล:

javascriptlet res = func(3);
res = res + 1;
console.log(res); // จะแสดง 10

สามารถดำเนินการบางอย่างกับ ผลลัพธ์การทำงานของฟังก์ชันได้ทันที ก่อนบันทึก ลงในตัวแปร:

javascriptlet res = func(3) + 1;
console.log(res); // จะแสดง 10

หรืออาจจะไม่จำเป็นต้องบันทึกผลลัพธ์ลงในตัวแปร แต่สามารถแสดงผลได้ทันที:

javascriptconsole.log(func(3)); // จะแสดง 9

สามารถเรียกใช้ฟังก์ชันในนิพจน์เดียว ด้วยพารามิเตอร์ที่ต่างกันได้:

javascriptlet res = func(2) + func(3);
console.log(res); // จะแสดง 13