console.log와 return의 차이점

1. 들어가기 전에 앞서..

함수의 간단한 문제를 풀거나 이론을 공부하면서 어떨 때는 console.log를 입력하고 어떨 때는 return 쓰기 때문에 둘 차이가 무엇인지 궁금했다. 분명 함수에는 반환값이 들어와야 하는데 말이다.. 그래서 목업 계산기를 만들기 바쁜 상황이지만 둘의 차이점을 정리하려고 한다.

2. console.log와 return의 차이

예제 1

1) 함수 내부에 console.log를 사용하여 작성

ex 1)
function calculate(a, b){
console.log((a * b));
}
let gop = calculate(2, 3); /// 6
console.log('gop' + gop); // gopundefined (gop이라는 글자가 합쳐지고 선언된 gop은 undefined가 출력된다.)

2) 함수 내부에 return 을 사용해서 작성

function calculate(a, b){
 return a * b;
 }
 let gop2 = calculate(2, 3);
 console.log('gop2' + area2); // gop26 (gop2와 2*3의 값인 6이 합쳐짐)

📌 check!

• console.log 는 콘솔에 정보를 인쇄하는 데 사용되는 기능이다.

• return 은 함수의 결과를 돌려준다.

• 1)의 마지막 행에 undefined 가 출력 되는 이유는 calculate 에서 아무런 값도 돌려주지 않기 때문! 즉, console.log 는 show라는 개념이라서, 변수에 대입해도 아무 값도 들어가지 않으며 그저 보여주기만 하는 것이라고 이해했다.

요약: 함수를 쓸 때는 return을 쓰자 :)

출처: https://velog.io/@seul06/console.log%EC%99%80-return%EC%9D%98-%EC%B0%A8%EC%9D%B4