TIL 2023 08 17

오늘 배운 것 

• 콜백함수
• console.log() 와 return의 차이

 

console.log() 와 return의 차이

평소 vscode 에서는 return 이라는 명령어를 생각보다 잘 쓸일이 없었는데 

코딩테스트를 하는 중에 return 을 굉장히 많이 쓰게 되었다.

그런데 두개를 별 구분없이 쓰고있던 것을 알게되어서 궁금해 알아보고 싶어졌다. 

 

//ex.1-1)
function calculate(x,y){
    console.log((x*y));
}
let area1 = calculate(3,4); // 12
console.log('Area1:' + area1); // Area1:undefined

이렇게 함수안에 console.log()을쓰면 밖에서console.log()썻을때 값을  undefined 를 출력한다.

//ex.1-2)
function calculate(x,y){
    return x*y;
}
let area2 = calculate(3,4);
console.log('Area2:' + area2); // Area2:12

그런데 함수 내부에 return 값을 정의하고 밖에서 console.log() 을 쓰면 값이 제대로 출력된다.

이유가 무엇일까 찾아보니 두개의 쓰임새가 달랐다...

 console.log() 는 로그안에 적힌 정보를 보여주는 것이고

 return 은 함수의 결과를 돌려주는 것이다.

그렇기 떄문에 함수 안에 들어있는 .console.log()  그냥 정보를 보여주는 역할 일뿐이고 함수의 값을 주지않기 때문에

함수 calculate 에서 아무것도 돌려주지 않기 때문에 undefined  가 나오는 것이었다.