바닐라 JS로 크롬 앱 만들기 #2.11~ #2.12

#2.11 Returns

 

결과를 (콘솔이 아닌) 화면에 출력하기 혹은 

변경 혹은 data를 받아서 사용하기 

 

function이 function의 밖과 소통하는 방법

 

const age = 96;
function calculateKrAge(ageOfForeigner) {
    return ageOfForeigner + 2;
};

const KrAge = calculateKrAge(age);
console.log(KrAge);

console.log를 사용하지 않는 방법

 

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

console은 콘솔에 결과를 보여주는 것

#2.12 Recap

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

 

const calculator = {
    plus: function (a, b) {
        console.log("hello");
        return a + b;
        console.log("bye bye");
    },
    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);

결과는 hello만 뜬다. bye bye는 뜨지 않는다. 왜냐하면 return을 해서 끝났기 때문이다.