[TCP School/자바스크립트] 함수 - 함수의 기초

함수(function)란 하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록을 의미한다.

이러한 함수는 필요할 때마다 호출하여 해당 작업을 반복해서 수행할 수 있다.

---

자바스크립트 함수

자바스크립트에서 함수는 하나의 타입(datatype)이다.

 

따라서 함수를 변수에 대입하거나, 함수에 프로퍼티로 지정하는 것도 가능하다.

또한, 자바스크립트 함수는 다른 함수 내에 중첩되어 정의될 수도 있다.

---

함수의 정의

자바스크립트에서 함수의 정의는 function 키워드로 시작되며, 다음과 같은 구성요소를 가진다.

1. 함수의 이름

2. 괄호 안에 쉼표(,)로 구분되는 매개변수

3. 중괄호로 둘러싸인 자바스크립트 실행문

 

함수 이름은 함수를 구분하는 식별자이다.

매개변수는 함수를 호출할 때 인수로 전달된 값을 함수 내부에서 사용할 수 있게 해주는 변수이다.

function addNum(x, y) {
    document.write(x + y);
}

addNum(2, 3);

---

반환문

자바스크립트에서 함수는 반환문을 포함할 수 있다.

이러한 반환문을 통해 호출자는 함수에서 실행된 결과를 전달받을 수 있다.

 

반환문은 함수의 실행을 중단하고, return 키워드 다음에 명시된 표현식의 값을 호출자에게 반환한다.

반환문은 배열이나 객체를 포함한 모든 타입의 값을 반환할 수 있다.

function multiNum(x, y) {
    return x * y;
}

var num = multiNum(3, 4);
document.write(num);  // 12

---

함수의 호출

정의된 함수는 프로그램 내에서 호출되어야 비로소 실행된다.

일반적인 함수의 호출은 함수의 정의문과 같은 형태로 호출할 수 있다.

// 함수의 정의
function addNum(x, y) {
    return x * y;
}

// 함수의 호출
var sum = addNum(3, 5)

---

값으로서의 함수

자바스크립트에서 함수는 문법적 구문일뿐만 아니라 값(value)이기도 하다.

따라서 함수가 변수에 대입될 수도 있으며, 다른 함수의 인수로 전달될 수도 있다.

function sqr(x) {
     return x * x;
}

var sqrNum = sqr;  // 변수 sqrNum에 함수 sqr을 대입
document.write(sqr(4) + '<br>');
document.write(sqrNum(4));  // 변수 sqrNum을 함수처럼 호출

---

TCP School의 강의 내용을 정리한 포스트입니다.

http://www.tcpschool.com/javascript/intro

코딩교육 티씨피스쿨