JavaScript로 크롬 앱 만들기 #5

노마드 코더 - 바닐라 JS로 크롬 앱 만들기 #5

✔ return

const calculator = {
  add: function(a, b) {
    console.log(a+b);
  },
  minus: function(a, b) {
    console.log(a-b);
  },
  divide: function(a, b) {
    console.log(a/b);
  },
  multiply: function(a, b) {
    console.log(a*b);
  }
};

calculator.add(6, 3);
calculator.minus(4, 1);
calculator.divide(10, 5);
calculator.multiply(4, 3);

• calculator 함수를 실행했을 때 결과를 콘솔이 아닌 코드 상에서 받고 싶다면 return을 사용하자.

const age = 96;

function calculateKrAge(ageOfForeigner) {
	return ageOfForeigner + 2;
}

const krAge = calculateKrAge(age);

console.log(krAge);

• console.log() 또는 alert 등은 작성한 코드의 결과를 시각적으로 보기 위해 작성한 거지만 이렇게 되면 실제 함수의 결과값을 JavaScript 내에서는 이용하지 못한다.
  → 찍어봤을 때 undefined가 나옴
• 앞으로 JavaScript의 다양한 기능 구현을 위해 함수의 결과값을 이용해야 하므로 console.log() 보다는 return을 이용해서 결과값을 기억하게 한다.
• 즉 return을 통해 도출된 함수의 결과값을 이용해 계산 및 활용을 할 수 있게 되는 것이다.
• 함수에서는 return을 만나면 결과를 반환하고 종료한다.