console.log와 return의 차이점

이해용·2022년 3월 30일
2
post-thumbnail

console.log()와 return의 차이점

console.log()란?

console.log()는 이전에 정의된 모든 종류의 변수를 인쇄하거나 사용자에게 표시해야 하는 메시지를 인쇄하는 데 사용되는 JavaScript의 함수입니다.

example

return 이란?

return 명령문은 함수 실행을 종료하고, 주어진 값을 함수 호출 지점으로 반환합니다.
결괏값을 저장(호출 지점으로 반환)을 하지만 출력(호출)을 하진 않습니다.

example

console.log() 가 사용되지 않았기 때문에 console창에는 아무 것도 나타나지 않지만 호출 지점으로 반환된 상태입니다.

console.log()를 사용하면 아래의 화면 처럼 console창에 결과 값이 나타나게 됩니다.

차이

return 으로 저장된 함수 sayHello()는 저장만 된 상황이라 console창에 나타나지 않지만,
console.log()는 출력할 수 있는 메소드이기 때문에 console창에 "안녕!"이라는 문자열이 나타게 됩니다.

예시

console.log()는 console 창에 결괏값을 나타나게만 사용할 수 있고,
reuturn은 함수 선언할 때 사용할 수 있습니다.

위의 화면은 function 내부에 console.log()를 사용하였으므로 아래의 let yourNumber 변수 선언의 결과만 정확하게 나오고 아래에 기재된 console.log는 함수안에 중복으로 사용되므로 undefined가 나타나게 됩니다.

위의 화면은 return을 사용하였으므로 yourNumber라는 변수를 선언해주고 저장된 상태에서 console.log()를 이용하여 실행해보면 결괏값은 7만 나타나게 됩니다.

출처 및 참고 - https://developer.mozilla.org/en-US/docs/Web/API/Console/log
https://www.geeksforgeeks.org/javascript-console-log-with-examples/ https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/return
https://velog.io/@seul06/console.log%EC%99%80-return%EC%9D%98-%EC%B0%A8%EC%9D%B4

profile
프론트엔드 개발자입니다.

0개의 댓글