จุดที่ต้องระวังเกี่ยวกับ return ใน JavaScript

หลังจากคำสั่ง return ถูกดำเนินการแล้ว - ฟังก์ชันจะจบการทำงานและโค้ดใด ๆ หลังจากนั้นจะไม่ถูกดำเนินการอีก ดูตัวอย่าง:

function func(num) {
	return num ** 2;
	
	console.log('!'); // โค้ดนี้จะไม่ถูกดำเนินการเลย
}

let res = func(3);

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

function func(num) {
	if (num >= 0) {
		return '+++';
	} else {
		return '---';
	}
}

console.log(func( 3)); // จะแสดง '+++'
console.log(func(-3)); // จะแสดง '---'

อะไรจะถูกแสดงในคอนโซลจากการดำเนินการ โค้ดต่อไปนี้:

function func(num) {
	return num;
	
	let res = num ** 2;
	return res;
}

console.log( func(3) );

อธิบายเหตุผล

อะไรจะถูกแสดงในคอนโซลจากการ ดำเนินการโค้ดต่อไปนี้:

function func(num) {
	if (num <= 0) {
		return Math.abs(num);
	} else {
		return num ** 2;
	}
}

console.log( func(10) );
console.log( func(-5) );

อธิบายเหตุผล

อะไรจะถูกแสดงในคอนโซลจากการ ดำเนินการโค้ดต่อไปนี้:

function func(num) {
	if (num <= 0) {
		return Math.abs(num);
	}
	
	return num ** 2;
}

console.log( func(10) );
console.log( func(-5) );

อธิบายเหตุผล