[Javascript] 기초 공부 - Function 데이터 반환하기 (2)

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

return(리턴, 반환) 해주는 함수에 대해서 알아보자.

return 함수 정의하기

return 이란 것은 함수를 호출했을 때, 함수가 값을 반환한다는 의미이다.

인자가 하나인 multiplyTen 함수를 정의하고 반환하는 함수를 예시로 들어보자.

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

return 함수 호출하기

함수를 정의했다면 이제 함수를 호출할 수 있다.
한 번 함수를 호출해보자.

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

return 함수 호출 결과 확인하기

호출을 하긴 했지만, 어떠한 값을 리턴했는지는 알길이 없다.
그럴 경우에는 호출된 함수의 return 값을 변수에 저장하면 된다.

console에서 확인하기 위해 console.log 로 확인해보자.

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

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

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

함수와 return 키워드 알아보기

함수는 모두 return을 한다.
하지만 return을 생략하면 함수는 undefined 를 반환할 뿐이다.
아래 코드를 console 창에서 입력해보고 결과물을 직접 눈으로 확인해보자!

function consoleSuccess(month, name) {   
  console.log(month, name); 
}  

let result = consoleSuccess("3", "김개발");
console.log("consoleSuccess 호출 값은" + result);

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

함수 안에서 다른 함수를 호출하는 것도 가능하다.
아래 코드를 참조해보자.

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

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

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

위 코드를 보면 calculateTotal 함수 내부에서 getText 함수를 또 호출했다.

연습하기

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

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

let result = calculateTotal(3500);
console.log(result);
console.log(calculateTotal(4000));
console.log(calculateTotal(5000));


function getTotal(price1, price2){
  return calculateTotal(price1)+calculateTotal(price2)
}