1. return 함수의 정의
return이라는 것은 함수를 호출했을 때, 함수가 값을 반환한다는 뜻이다.
function multiplyTen(myNumber) {
return 10 * myNumber;
}위의 multiplyTen 함수의 정의 -> 받은 인자에 10을 곱하여 반환한다!
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); // 30
console.log(result2); // 60
console.log(result3); // 120변수에 저장하기 귀찮다면, 결과값을 바로 console로 확인해도 된다.
console.log(multiplyTen(0));
console.log(multiplyTen(3));
console.log(multiplyTen(2));4. 함수와 return 키워드
사실 함수는 모두 return을 한다. return이 없는 함수인 경우에도 return 이라는 키워드를 생략했을 뿐 함수는 리턴을 한다. return을 생략하면 함수는 undefined를 반환한다.
function consoleSuccess(month, name) {
console.log(month, name);
}
let result = consoleSuccess("3", "김개발");
//함수를 호출한 결과를 result에 담아서
console.log("consoleSuccess 호출 값은" + result);
// 3, 김개발
//consoleSuccess 호출 값은 undefined5. 함수 내부에서 다른 함수 호출하기
조금 더 복잡하게 함수를 사용해보자.
function getTax(price) {
return price * 0.1;
}
function calculateTotal(price) {
return price + getTax(price);
}
const result = calculateTotal(3500);
console.log(result); // 3850이렇게 함수 안에서 또 함수를 호출할 수도 있다. calculateTotal함수 내부에서 getTax를 또 호출했다. 함수가 실행되는 시점은 함수를 호출하는 순간이다. 위 코드에서 function으로 함수를 선언하는 부분은 "이런 함수가 있다"고 선언해준 것 뿐이다. 함수가 실행되는 시점은 바로 calculateTotal(3500)으로 호출 했을 때이다.
예제) getTotal 함수
-
getTotal 함수는 가격을 2개 받아서 calculateTotal 호출 반환값을 더해서 리턴하는 함수이다.
-
getTotal 이라는 이름의 함수는 가격정보 2개를 인자로 받는다.
-
인자이름은 원하는대로
-
getTotal 함수에서 인자로 받은 가격으로 각각 calculateTotal 함수를 호출하고 그 결과값을 더해서 반환하시오.
참고사항
- getTax 함수는 가격의 tax를 구하는 함수이다.
- calculateTotal 함수는 상품의 가격에 tax를 더한 값을 구하는 함수이다.
- getTotal 함수는 두 상품의 가격을 더해서 반환하는 함수이다.
정답
function getTax(price) {
return price * 0.1;
}
function calculateTotal(price) {
return price + getTax(price);
}
function getTotal(price1, price2) {
return calculateTotal(price1) + calculateTotal(price2)
}
console.log(getTotal(1000, 2000))
//3300