[JavaScript] Return(Function에서의 활용)

Return

- 질문에 대한 답과 같음

- 작업의 결과를 알려주는 함수가 필요할 때 사용

- 함수 내부에서 console.log를 사용하는 것과 달리 외부에서 요청을 받으면 값을 반환해주는 원리

 

예시

기본 원리

const age = 23;
function calculaterKrAge(ageOfForeigner) {
    return ageOfForeigner + 2;
}

const krAge = calculaterKrAge(age);

console.log(krAge);

/* 25 */

 

1. console.log(krAge) 실행

2. krAge는 calculaterKrAge(age) 값인데 처음에 age 값을 23으로 선언했기 때문에  age = 23

3. 함수에 23이 대입되고 23 + 2 값 반환

 

const age = 00;
function calculaterKrAge(ageOfForeigner) {
    ageOfForeigner + 2;
    return "hello";
}

const krAge = calculaterKrAge(age);

console.log(krAge);

/* hello */

 

함수의 반환 값과 같은 변수를 출력하는 것이기 때문에 hello 출력

 

계산기 응용

const calculator ={
    plus: function (a, b) {
        return a + b;
    }
}

const plusResult = calculator.plus(2, 3);

console.log(plusResult);

/* 5 */

 

 

심화 응용

const calculator = {
    plus: function (a, b) {
        return a + b;
    }, 
    minus: function (a, b) {
        return a - b;
    },
    times: function (a, b) {
        return a * b;
    },
    divide: function (a, b) {
        return a / b;
    },
    power: function (a, b) {
        return a ** b;
    }
};

const plusResult = calculator.plus(2, 3);
const minusResult = calculator.minus(plusResult, 10);
const timesResult = calculator.times(10, minusResult);
const divideResult = calculator.divide(timesResult, plusResult);
const powerResult = calculator.power(divideResult, minusResult);

console.log(timesResult); // -50

 

함수가 외부에서 원하는 값을 return을 이용해서 반환해주기 때문에 다양한 방식으로 응용 가능

 

주의사항

const calculator = {
    plus: function (a, b) {
        return a + b;
        console.log("hello");
    }
};

const plusResult = calculator.plus(2, 3);

console.log(plusResult);

/* 5 */

 

- return은 function을 끝내는 기능이 있기 때문에 위 예시와 같이 hello는 출력되지 않음

- console.log가 return보다 앞에있으면 출력됨