바닐라 JS - function

 

 

function(함수)

 

function plus(a, b){
    console.log(a + b);
}
function divide(a,b){
    console.log(a/b);
}
plus(22, 88);
divide(77, 11);

const player = {
    name: "jaja",
    sayHello: function(otherPersonsName){
        console.log("hello! " + otherPersonsName + " nice to meet you!");
    },
};
console.log(player.name);
player.sayHello("teong");

함수 만들 때

function 함수명() {

    함수 정의;

}

 

Object 안에 함수 생성

함수명: function() {

    함수 정의;

},

 

전달할 변수명(place holder)은 임의로 지정

많은 argument를 보내도 첫번째 값만 받음

 

결과

 

과제실습

a+b, a-b, a/b, a**b를 calculator object 안에 function으로 만들기

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);
    },
    powerof: function(a, b){
        console.log(a**b);
    },
};

calculator.add(15, 20);
calculator.minus(34, 22);
calculator.divide(77, 11);
calculator.powerof(2, 8);

결과

 

returns

함수에서 반환하는 값

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

const KrAge = calculateKrAge(age);

 

return 받은 결과값을 변수(KrAge)에 저장

const calculator = {
    add: 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 addResult = calculator.add(2,3);
const minusResult = calculator.minus(addResult, 10);
const powerResult = calculator.powerof(minusResult, 2);
const divideResult = calculator.divide(powerResult, 3);

 

결과

 

return 값을 보내면 함수는 바로 종료