생활코딩 자바스크립트 기본 - 함수

본 게시글은 인프런 강의 "생활코딩 - 자바스크립트(JavaScript) 기본"를 보고 공부한 내용을 정리하고 있습니다.

https://www.inflearn.com/course/%EC%A7%80%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EC%96%B8%EC%96%B4-%EA%B8%B0%EB%B3%B8/dashboard

[무료] 생활코딩 - 자바스크립트(JavaScript) 기본 - 인프런 | 강의

---

함수

함수(funtion)은 하나의 로직을 재실행 할 수 있도록 하는 것으로 코드의 재사용성을 높여준다.

함수 형식

funtion 함수명 { [ 인자 . . . [ , 인자 ] ] } {
코드
return 반환값
}

function numbering() {
    var i = 0;
    while (i < 10) {
        document.write(i + " ");
        i++;
    }
}

함수 호출

함수명( [ 인자 . . . [ , 인자 ] ] );

위에 코드를 호출하면 다음과 같다.

numbering();

함수의 효용성

위 함수를 세번 호출하면 numbering()을 세번 적으면 된다.

만약, 함수를 사용하지 않으면 어떻게 될까?

var i = 0;
while (i < 10) {
    document.write(i + " ");
    i++;
}
var i = 0;
while (i < 10) {
    document.write(i + " ");
    i++;
}
var i = 0;
while (i < 10) {
    document.write(i + " ");
    i++;
}

함수를 사용하면  코드가 더 보기 좋고, 간결해진다.

 

함수의 입력과 출력

인자(argument)는 함수로 유입되는 입력 값으 의미하는데 , 어떤 값을 인자로 전달하는느냐에 따라 
함수가 반환하는 값이나 메소드의 동작방법을 다르게 할 수 있다.

 

return은 출력의 역할이다. return이후 실행이 종료된다.

function get_arg(arg) {
    return arg * arg;
}

document.write("get_arg(1) : " + get_arg(1)+"<br>");
document.write("get_arg(2) : " + get_arg(2)+"<br>");

인자를 두개 이상 지정할 수 있다.

function get_arg2(arg1, arg2) {
    return arg1 + arg2;
}
document.write("get_arg2(100,200) : " + get_arg2(100, 200)+"<br>");
document.write("get_arg2(100,50) : " + get_arg2(100, 50));