HyungJin의 개발자 일기

JS 복습하기-6 (Function) 본문

IT/JS 바로알기

JS 복습하기-6 (Function)

HyungJin.Jeon 2020. 4. 22. 23:12

JS에서 Function을 사용하는 방법에 대해 복습해보자.

 

JS에서 함수를 정의 해서 사용하는 법은 function으로 선언을 해서 사용하는 방법을 사용한다.

function sayHello() {
    console.log('Hello!');
}

sayHello();

위 처럼 사용하면 Hello!가 출력되는 함수를 만들 수 있다.

 

Argument를 넣어서 함수를 정의, 사용하는 법 또한 간단하다.

function sayHello(potato) {
    console.log('Hello!', potato);
}

sayHello("Nicolas");

위처럼 사용하게 되면

Hello! Nicolas 라고 출력이 되는 것을 알 수 있다.

 

Argument를 편하게 출력하기 위한 방법

function sayHi(name, age) {
    console.log(`Hello ${name} you are ${age} years old`);
}

sayHi("Nocolas");

위의 방법 처럼 `` 을 사용하면 ${변수이름} 으로 출력문을 편리하게 사용 할 수 있다.

 

Return문 사용하기

function sayHi(name, age) {
    return `Hello ${name} you are ${age} years old`;
}

const NicoHi = sayHi("Nicolas");

console.log(NicoHi);

Object안에 Function만들기

const calculator = {
    plus: function (a, b) {
        return a + b;
    }
}

 

위처럼 선언을 하면 calculator객체의 plus함수를 사용해서 값을 return받을 수 있다.

'IT > JS 바로알기' 카테고리의 다른 글

JS 복습하기-8 (Event, Handler)  (0) 2020.04.23
JS 복습하기-7 (JS DOM Functions)  (0) 2020.04.23
JS 복습하기-5 (Object 사용하기)  (0) 2020.04.22
JS 복습하기-4 (Array)  (0) 2020.04.22
JS 복습하기-3 (Data Type on JS)  (0) 2020.04.22
Comments