자바스크립트 - 함수

함수?

• 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록을 의미한다.
• 함수는 필요할 때마다 호출하여 해당 작업을 반복 및 재사용할 수 있다.

함수 특징

• 자바스크립트에서는 함수도 하나의 데이터 타입으로 변수에 대입 및 파라미터로 넘길수 있음. (일급객체)
• 함수내에 다른 함수를 정의 할 수 있다.

함수 선언

• function키워드로 선언한다.
• 함수의 이름을 정의해준다..
• 괄호안에 함수내에서 사용할 파라미터들을 정의한다.
• 파라미터가 여러개일 경우 콤마(,)로 구분한다.
• 중광호({})로 둘러싸 함수의 기능을 정의한다.

function 함수이름(매개변수1, 매개변수2,...) {
    // 함수가 호출되었을 때 실행하고자 하는 실행문;
}

function printAddNumber(x, y) {
    console.log(x + y);
}

printAddNumber(10, 10); // 20

반환(return)문

• 반환문을 통해 호출자는 함수에서 실행된 결과를 반환받을 수 있다.
• 다른 용도로는 함수 실행 중간에 함수를 빠져 나갈수 있다.

 

• 값 반환

function addNumber(x, y) {
    return x + y;
}

var result = addNumber(10, 10);
console.log(result); // 20

• 함수 중간 return;

function printOnlyPositiveNumber(x) { // 양수만 출력한다.
    var zero = 0;
    if (x < zero) { return; } // 양수가 아니면 빠져나간다.
    console.log(x);
}

printOnlyPositiveNumber(100); // 100
printOnlyPositiveNumber(-100); // no print

값으로써의 함수

• 자바스크립트에서는 함수도 하나의 값으로 표현하며 변수에 대입이 가능하다.

function addNumber(x, y) {
    return x + y;
}

console.log(addNumber(10, 10)); // 20

var anotherAddNumber = addNumber;
console.log(anotherAddNumber(10, 10)); // 20

---

출처

http://tcpschool.com/javascript/js_function_basic

코딩교육 티씨피스쿨