Gelung dan return dalam JavaScript

Katakan kita mempunyai fungsi yang mengembalikan hasil tambah nombor dari 1 hingga 5:

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

let res = func();
console.log(res); // akan memaparkan 15

Sekarang katakan kita meletakkan return di dalam gelung, seperti ini:

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

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

Dalam kes ini, gelung hanya akan berputar satu lelaran dan keluar secara automatik dari fungsi (dan sekali gus keluar dari gelung). Dan untuk satu lelaran gelung, pembolehubah sum akan mengandungi hanya nombor 1, bukan keseluruhan hasil tambah yang diperlukan.

Apakah yang akan dipaparkan dalam konsol hasil daripada pelaksanaan kod berikut:

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

console.log( func(5) );

Terangkan mengapa. Apakah yang ingin dilakukan oleh penulis kod ini? Betulkan kesilapan penulis.