자바스크립트 함수

1. 함수란?

- 함수는 프로그램에서 특정 작업을 하기 위해 독립적으로 만들어진 하나의 단위를 의미한다.

- 함수는 일반적으로 특정한 일을 하도록 모아 놓은 코드의 집합체이다.

 

2. 익명 함수

- function() {}의 형태인 함수이나 이름이 없다.

- 생성 방법 예시

<script>

var func = function(){

var output=prompt('숫자를 입력해주세요.', '숫자');

alert(output);

}

func();

</script>

 

3. 선언적 함수

- 이름이 있는 함수

- 생성방법 예시

<script>

function printABC() {

alert("ABC");

}

</script>

 

 

4. 가변인자 함수

- 자바스크립트는 모든 함수가 기본적으로 내부 변수 arguments를 가진다.

- arguments는 매개변수의 배열이며, 이 arguments 객체를 사용해서 가변함수를 사용할 수 있다.

- 사용 예시

<script>

function sumAll(){

var output = 0;

for( var i=0; arguments.length; i++ ) {

output += arguments[i];

}

return output;

}

alert( sumAll(10,20,30,40,50,60,70,80,90,100) );

</script>

 

 

5. 콜백함수

- 매개변수로 전달하는 함수를 전달하는 함수이다.

- 사용 예시

<script>

//함수 선언

function callTenTimes(callback) {

for (var i=0; i<10; i++){

callback();

}

}

 

//익명함수를 담는 변수 선언

var callback = function() {

alert('함수 호출');

};

 

//함수 호출

callTenTimes(callback);

</script>

 

 

6. 함수를 리턴하는 함수

- 사용 예시

<script>

function returnFunction() {

return function() {

alert('Hello Function!');

};

}

returnFunction()();

</script>