[자바스크립트] - 함수 > 일반 함수 정의문, 익명 함수

 함수 function 

 

함수는 숫자를 담는 상자라는 뜻으로, 어떠한 데이터를 넣으면 함수에 들어있는 여러 코드를 통해 원하는 결과값을 반환하게 만들어주는 코드이다.
예를 들면 사과, 오렌지 파인애플같은 데이터를 넣으면 함수라는 공장에서 여러가지 첨가물이나 공정과정으로 통해 '주스'라는 결과값을 만들어주는 기능을 뜻한다. 
함수는 공장, 기계로 버튼을 눌러주면 실행되는 기계라고 생각하면 쉽다.

함수의 장점은 함수를 하나 만들어두면 여러 번 재사용을 할 수 있다는 큰 장점이 있다. 
매번 같은 코드를 새로 작업하지 않아도 함수를 호출만 해주면 여러 번 같은 코드를 반복 사용할 수 있다. 

*만들었다고 바로 실행하는 게 아니라 호출해줘야지 실행한다*

 

함수는 크게 '일반 함수 정의문'과 '익명함수'로 나누어진다.         

---

1. 일반 함수 정의문 

함수를 사용해서 코드를 저장한 것을 함수 정의문이라고 한다. 
변수를 선언할때 var 라는 키워드를 사용하는 것처럼 함수는 function이라는 키워드를 사용한다. 

(재사용성이 높다. 계속 실행되는 것들에 사용한다. )

호이스팅 기능 o

[기본형]
function 함수명(){ 자바스크립트 코드; }

 일반 함수 호출 
'함수를 호출한다'라는 것은 만들어둔 함수를 실행시키겠다는 의미이다. 
함수는 선언되는 순간 바로 실행되는 것이 아니라 함수명을 이용해 호출을 해줘야만 실행할 수 있다. 
함수를 호출할 때에는 아래 기본형을 사용한다. 

[함수 호출 기본형]
함수명();

---

2. 익명 함수 

익명함수는 이름이 없는 함수를 뜻한다. 즉, 익명함수를 선언할 때는 이름을 붙이지 않는다. 
대신 익명함수는 변수를 만들어서 그 안에 함수를 할당한다. 

(사용자의 동작에 의해 한번 실행되는 기능에 등 사용된다. 재사용성이 높지않다.)

호이스팅 기능 x

[기본형]
 var 변수명 = function(){ 자바스크립트 코드; }

 익명 함수 호출 
익명함수는 이름이 없는 함수로, 보통 변수에 넣어 사용하기 때문에 익명함수를 호출할 때에는 변수명을 이용해 호출할 수 있다. 

 

[함수 호출 기본형]
변수명();

---

 //함수가 없을 때
var num1 = 2;
var num2 = 3;

var sum = num1 + num2;
document.write(sum, "<br>");

//위 계산식을 함수로 정의했을 때
function addNum() {
var num1 = 2;
var num2 = 3;

var sum = num1 + num2;
document.write(sum);
}

//필요할 때 언제든지 호출하면 간단하게 쓸 수 있다.
addNum();
document.write("안녕하세요", "<br>");
alert("안녕");
addNum();