반응형

만약 내가 망고주스를 만들고 싶은데,

주스 기계에서 망고주스가 안 꺼내진다면?(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

+ Recent posts