Function(함수) - 데이터 반환하기(2)

Function(함수) - 데이터 반환하기(2)

이전 시간에는 데이터를 받는 함수에 대해 알아보았습니다.
이번 시간에는 return(리턴, 반환)해주는 함수에 대해 알아보겠습니다.

1. return 함수 정의

return이라는 것은 함수를 호출했을 때, 함수가 값을 반환한다는 뜻입니다.
인자가 하나인 multiplyTen 함수의 정의
받은 인자에 10을 곱하여 반환한다!

function multiplyTen(myNumber) {
return 10 * myNumber;
}

2. return 함수의 호출

   함수를 호출하는 방법은
   아래와 같이 여러번 호출이 가능하다.

   multiplyTen(3);
   multiplyTen(6)
   multiplyTen(12);

3.return 함수의 호출 결과 확인

호출은 했지만, 어떤 값을 리턴했는지 알길이 없습니다.
그래서 호출된 함수의 return 값을 변수에 저장해야한다.

아래와 같이 함수의 반환을 변수에 저장해서 console로 확인해볼 수 있다.

let result1 = multiplyTen(3); 
let result2 = multiplyTen(6); 
let result3 = multiplyTen(12);  

console.log(result1); 
console.log(result2); 
console.log(result3);

변수에 저장하기 귀찮다면, 결과값을 바로 console로 확인해도 된다.

console.log(multiplyTen(0)); 
console.log(multiplyTen(3)); 
console.log(multiplyTen(2));

4. 함수와 return 키워드

함수는 사실 모두 return을 한다.
하지만 return이라는 키워드를 생략하는 것뿐이다.

return을 생략하면 함수는 undefined를 반환한다.

function consoleSuccess(month, name) {
  console.log(month, name);
  }
  let result = consoleSuccess("3", "김개발");
  console.log("consoleSuccess 호출 값은" + result);consoleSuccess 호출 값은undefined
  

호출결과
consoleSuccess 호출 값은undefined

5. 함수 내부에서 다른 함수 호출하기

조금만 더 복잡하게 함수를 사용해보겠다.

function getTax(price) {
  return price * 0.1;
}

function calculateTotal(price) {
  return price + getTax(price);
}

var result = calculateTotal(3500);
console.log(result);

이렇게 함수 안에서 또 함수를 호출할 수도 있습니다.
calculateTotal 함수 내부에서 getTax를 또 호출했습니다.

함수가 실행되는 시점은 함수를 호출하는 순간이겠죠?
왼쪽의 코드를 보면 2~8번 줄 까지는 "이런 함수가 있다.."고 선언해준 것 뿐입니다.
함수가 실행되는 시점은 바로 10번째 줄에서 calculateTotal(3500)으로 호출 했을 때 입니다.