반응형
만약 내가 망고주스를 만들고 싶은데,
주스 기계에서 망고주스가 안 꺼내진다면?(undefined)
집에 믹서가 있다.
나는 주스를 만들고 싶은 상황이다.
만들어진 주스를 꺼내야 한다.
console.log()를 함수 안에서 쓰면, 안꺼내지는 것과 같은 상황이다
그래서 console.log 대신에 return 을 사용해서, variable에 function을 할당해서 꺼내주는 거다.
variavle은 function의 return value를 가지게 된다.
calculator.plus가 5를 return 하면 plusResult는 5가 된다.
const calculator = {
plus: function (a,b) {
return a+b;
},
minus: function (a,b) {
return a-b;
},
divide: function (a,b) {
return a/b;
},
powerof: 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.powerof(divideResult,minusResult);
콘솔에서는 아무일도 벌어지지 않지만
>에 입력을 하면 값이 출력된다.
짜잔..
마..마지막으로 니꼬가 한 번 더 복습하쟤..
plus function 은 a와 b라는 변수를 받고있다.
const plusResult = calculator.plus(2,3);
a = 2, b = 3 이 대입된다.
이 funtion은 a+b, 즉 2+3을 return한다.
위의 fuction을 호출하는 코드가 그 funtion의 반환 값이 된다.
즉, return값은 5가 된다.
function내부에서 console.log()하는 것과 큰 차이가 있다.
function의 외부에서 값을 얻은 뒤에, 그 값으로 내가 원하는 모든 것을 할 수 있다.
<<결론>>
콘솔에서 값을 도출할 수 있게 된다
위의 코드들은 상호의존적이다.
'Developer' 카테고리의 다른 글
조건문 (conditionals) if-else (0) | 2021.12.27 |
---|---|
#바닐라_자바스크립트_7 (0) | 2021.12.27 |
#바닐라_자바스크립트_6 (0) | 2021.12.27 |
#바닐라_자바스크립트_4 (0) | 2021.12.26 |
#바닐라_자바스크립트_3 (0) | 2021.12.26 |