การวนลูปและ return ใน JavaScript

สมมติว่าเรามีฟังก์ชันที่คืนค่าผลรวมของตัวเลข จาก 1 ถึง 5:

javascriptfunction func() {
  let sum = 0;
  
  for (let i = 1; i <= 5; i++) {
    sum += i;
  }
  
  return sum;
}

let res = func();
console.log(res); // แสดงผล 15

ตอนนี้สมมติว่าเราวาง return ไว้ภายในลูป แบบนี้:

javascriptfunction func() {
  let sum = 0;
  
  for (let i = 1; i <= 5; i++) {
    sum += i;
    return sum;
  }
}

let res = func();
console.log(res);

ในกรณีนี้ ลูปจะทำงานเพียงหนึ่งครั้งเท่านั้น และจะเกิดการออกจากฟังก์ชันทันที (และออกจากลูปไปด้วย) และในการวนลูปเพียงหนึ่งครั้ง ตัวแปร sum จะมีค่า แค่เลข 1 เท่านั้น ไม่ใช่ผลรวมทั้งหมดที่ต้องการ

javascriptfunction func(num) {
  let sum = 0;
  
  for (let i = 1; i <= num; i++) {
    sum += i;
    return sum;
  }
}

console.log( func(5) );