Wanna be Brilliant Full-Stack Developer

JavaScript Returns 본문

Front-End

JavaScript Returns

Flashpacker 2022. 2. 10. 02:17
const age = 96;
function calculateKrAge(ageOfForeigner){
 return  ageOfForeigner + 2;
}

const krAge = calculateKrAge(age);

console.log(krAge);

Function 안에서 무언가를 return 하면 누군가 function 을 실행 할때 , 그 실행의 결과로 대체 한다는것인데

 

calcuateKrAge를 실행시키면  96 이라는 argument가 age자리로 대체가 되어 96이 자리로 가고 

이 96은 위 arguments 자리로 가고 , 그리고 96 + 2를 return 한다.

다시 말해서 무언가를 return 하면 계산을 담당하는 function 의 코드는 그 function이 return 하는 값과 같아 진다.

 

Return으로 function의 외부에서 값을 얻은 뒤에 그값을 밖으로 보내어서 그 값으로  내가 원하는 모든것을 할수 있다는것 

 

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);

plusResult 는 5 , minusResult = -5 

 

console.log 와 return의 차이점이 헷갈리는데 

한번 return 하면 function은 끝난다. fucntion 작동을 멈추고 결과값을 return 하고 끝난다. 

return 하는 순간, function 이 종료되기떄문에 밑에 코드는 절대 작동이 안된다.

 

만약 너가 사용자의 위치에 따라 날씨를 알고 싶다면 단지 그냥 날씨 정보를 구한 다음에 console에 출력하지 않을것이다. 우리는 날씨정보를 구한다음에 그 값을 ( 콘솔이 아니라 ) 화면에 return으로 출력할것이다. 

'Front-End' 카테고리의 다른 글

JavaScript Searching For Elements!  (0) 2022.02.10
JavaScript On the Browser!  (0) 2022.02.10
JavaScript Conditionals (조건문)  (0) 2022.02.10
JavaScript Recap (Variable , Array , Function )  (0) 2022.02.10
JavaScript Functions & Arguments  (0) 2022.02.10