Wanna be Brilliant Full-Stack Developer
JavaScript Returns 본문
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 |