본문 바로가기
JavaScript

[JavaScript] function 함수

by jane.dev 2021. 8. 29.
반응형
function
코드에 의해 호출되며 반복해서 실행가능한 코드 조각

 

서로 다른 5명에게 인사를하려고함

console.log("Hello, jane");
console.log("Hello, tom");
console.log("Hello, john");
console.log("Hello, sam");
console.log("Hello, nico");

 

argument
function을 실행하는 동안 어떠한 정보를 function에 가져오는 것

 

같은 코드를 여러번 작성하는 것 대신 호출하면 서로다른 이름을 가져와서 출력할 수 있도록 작성

// 선언
function sayHello(name){
    console.log("Hello, " + name);
}
// 호출
sayHello("jane");
sayHello("tom");
sayHello("john");
sayHello("sam");
sayHello("nico");

 

파라미터 내부에 값을 여러 개 작성할 수 있음

// 선언
function aboutMe(name, age){
    console.log("Hello, my name is " + name);
    console.log("I am " + age);
}
// 호출
aboutMe("jane", 28);

 

파라미터에서 요청하는 값만 받음

// 선언
function minusFive(number){
    console.log(number - 5);
}
// 호출
// 파라미터 내부에 값을 여러개 작성해도 요청하는 값만 처리함
minusFive(5, 4, 3, 2, 1);	// 0

 

object 내부에 작성

// 선언
const calculator = {
    add: function (a, b){
        console.log(a + b);
    },
    minus: function (a, b){
        console.log(a - b);
    },
    multi: function (a, b){
        console.log(a * b);
    },
    div: function (a, b){
        console.log(a / b);
    },
    power: function (a, b){
        console.log(a ** b);
    },
}
// 호출
calculator.add(10, 2);
calculator.minus(10, 2);
calculator.multi(10, 2);
calculator.div(10, 2);
calculator.power(10, 2);

 

주의

console.log(calculator.add(10, 2));

선언한 함수 내부에 console에 출력이 포함되어 있어, 호출 시 위처럼 작성하지 않음