คำสั่ง return ใน JavaScript

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

สร้างฟังก์ชันที่รับพารามิเตอร์เป็นตัวเลข แล้วคืนค่ากำลังสามของตัวเลขนั้น ใช้ ฟังก์ชันนี้หาค่ากำลังสามของเลข 3 และ บันทึกลงในตัวแปร res

สร้างฟังก์ชันที่รับพารามิเตอร์เป็นตัวเลข แล้วคืนค่ารากที่สองของ ตัวเลขนั้น ใช้ฟังก์ชันนี้หาค่ารากที่สอง ของเลข 3 จากนั้นหารากที่สอง ของเลข 4 นำผลลัพธ์ที่ได้ มารวมกันแล้วแสดงผลในคอนโซล