return과 console.log의 차이

console.log

- parameter함수를 console.log에 출력하는 함수

function printSquare(x) {
  console.log(x * x);
}

printsquare(3); // 9 -> console.log(3 * 3) = 9 / printSquare함수 종료

console.log(printSquare(3)); // undefined -> return문이 없는 함수를 실행하면 undefined를 호출

 

return

- parameter함수를 return해서 반환하는 함수

function getSquare(x) {
  return x * x;
} // return 3 * 3 -> getSquare함수 종료

getSquare(3); // 출력되지않음 -> 함수호출부분이 9로 대체되었을 뿐 다음 작성된 코드가 없음

console.log(getSquare(3)); // 9

 

실습

다음 주어진 두 코드 중 하나를 각 함수 내부에 추가하여 실습 결과와 같아지도록 만들어 보세요.

console.log(message);

return message;

 

먼저,

1. 각 함수의 message 변수에 할당된 값에 따라 어떤 값을 출력하거나 반환할 수 있는지 생각해보고,

2. 실습 결과의 문자열과 실행기 #테스트코드에 주어진 각 함수의 가능한 호출 결과를 서로 비교하며 하나씩 함수를 완성해보세요.

 

function first() {
    let message = "코드잇"; 
    return message;
}


function second() {
    let message = "codeit";
    console.log(message);
}

function third() {
    let message = undefined;
    console.log(message);
    
}

// 테스트 코드
console.log(first());
second();
console.log(third());

 

실습 결과

코드잇
codeit
undefined
undefined