함수(Function) - Javascript

2021/02/01 - [IT국비교육] - Index Javascript

2021/02/02 - [IT국비교육/Javascript] - 반복문 - Javascript

1. 함수(function)

실행 구문에 이름을 붙여 선언한 후 필요 시점에 이름을 호출하여 실행 구문을 실행하는 일종의 단위 프로그램입니다.
※ 단위 프로그램
모여 있으면서 특정 기능을 가지고 있음을 의미합니다.
함수로 만들어 놓으면 보관이 용이하고, 언제든지 쉽게 호출하여 사용할 수 있습니다.
함수보다 더 조직적인 단위 프로그램은 객체입니다.

 

2. 함수 특징

반복 호출이 가능합니다.
함수명이 호출되기 전까지는 함수의 내용은 처리되지 않습니다.

 

3. 함수 종류

함수 종류	설명
정적 함수(선언적 함수)	함수명을 붙여 선언하는 함수
익명 함수	함수명 없이 선언하는 함수 주로 변수에 저장, 데이터의 한 종류
내장 함수	Javascript 자체에 미리 만들어져 제공하는 함수
사용자 정의 함수	개발자가 만들어 사용하는 함수
내부 함수	함수 내부에 선언된 또 다른 함수
콜백 함수	직업 호출하지 않고 나중에 필요시 사용하라고 전달해 주는 함수 대부분 익명 함수

 

4. 정적 함수

이름을 가진 함수, 필요한 시점에 이름을 호출하면 실행합니다.

선언 형식

function 함수명([매개면수1, ~, 매개변수n]) {
	실행구문;
	[return [반환값];]
}

호출 형식

함수명([데이터1, ~, 데이터n])

호출 시점
정적 함수 선언 전후 필요한 시점 어디서나 호출 가능합니다.
웹브라우저는 정적 함수를 먼저 골라 읽어 들인 후 나머지 코딩을 순차적으로 실행하기 때문입니다.

함수명은 변수명 제작 규칙과 동일합니다. (함수명 호출 시 함수명 철자와 대소문자가 일치해야 함)
매개변수는 0개 이상 나올 수 있습니다.
매개변수가 있을 경우 함수 호출 시 매개변수 개수와 자료형에 맞게 데이터를 전달하여 함수 호출해야 합니다.
함수 호출 시 return 반환값;이 나오면 함수를 중단하고, 함수를 호출한 곳으로 반환 값을 리턴합니다.
※ 객체형을 반환할 경우 객체 메모리 주소 값(객체를 참조할 수 있음)이 리턴됩니다.
함수 호출 시 return;이 나오면 함수를 중단합니다.
함수 안에서 다시 자기 자신의 함수를 호출할 수도 있습니다. – 재귀호출 함수
※ 동일한 이름의 정적 함수가 2개 이상 선언되면 마지막 정적 함수가 진짜 정적 함수입니다.

 

 

5. 익명 함수

이름이 없는 함수로 데이터 취급하므로 변수 안에 저장합니다.

선언 형식

function([매개변수1, ~, 매개변수]) {
	실행구문;
	[return [반환값];]
}

호출 형식

변수명 = function([매개변수1, ~, 매개변수n]) { ~ };
변수명([데이터1, ~, 데이터n])

※ 정적 함수와 달리 먼저 정의된 후에 호출되어야 합니다.
매개변수는 0개 이상 나올 수 있습니다.
매개변수가 있을 경우 함수 호출 시 매개변수 개수와 자료형에 맞게 데이터를 전달하여 함수 호출하여야 합니다.
함수 호출 시 return 반환값;이 나오면 함수를 중단하고, 함수를 호출한 곳으로 반환 값을 리턴합니다.
함수 호출 시 return;이 나오면 함수를 중단만 합니다.

 

6. 내장 함수

Javascript 자체에서 미리 만들어져 제공하는 함수입니다.

내장 함수 종류	기능
eval(문자열)	문자열을 Javascript 실행 코드로 바꾸어 실행
parseInt(숫자문자, 10)	10진수로 표현된 숫자문자를 정수로 리턴 숫자문자가 실수인 경우 소수점은 모두 버림
isNaN(데이터)	데이터가 문자면 true 리턴 숫자 또는 숫자문자는 false 리턴
alert(문자열)	확인 버튼이 있는 경고상자를 보여줌
confirm(문자열)	확인상자를 보여주고 확인 버튼을 누르면 true 리턴 취소 버튼을 누르면 false 리턴
prompt(문자열)	문자열 입력상자를 보여주고 확인 버튼 누르면 입력문자열 리턴
Number(데이터)	데이터가 숫자 또는 숫자문자면 숫자 리턴 아니면 NaN 리턴
typeof(데이터)	데이터의 자료형을 문자로 리턴
isFinite(숫자)	숫자가 유한 값이면 true 리턴 무한값이면 false 리턴
setTimeout(“Code”, n초×1000) setTimeout(function( ~ ) { Code; }, n초×1000)	n초 뒤에 Javascript 실행 예 : 시한폭탄
setInterval(“Code”, n초×1000)	n초 마다 Javascript 실행 예 : 전자시계
clearTimeout(id)	setTimeout()을 종료 시킴
clearInterval(id)	setInterval()을 종료 시킴

 

7. 내부 함수

함수 내부에 선언된 또 다른 함수입니다.
부모 함수 영역 안에서만 호출이 가능합니다.

선언 형식

function 부모함수명([매개변수1, ~, 매개변수n]) {
	~
	function 내부함수명([매개변수1, ~, 매개변수n]) {
		실행구문;
		[return 반환값;]
    }
	~
}

※ 내부 함수와 외부 함수의 이름이 같을 경우, 부모 함수 안에서 내부 함수를 호출할 때 내부 함수가 우선 호출됩니다.

function a() {
	return “A”;
}

function b() {
	function a() {
		return “B”;
	}
	return a();
}

document.write(b()); -> B

 

8. 콜백 함수(callback function)

나중에 필요시 호출해서 사용하라고 전달해 주는 함수입니다.
비동기 방식으로 웹 통신할 때 사용됩니다.

What is function in Javascript What kind of function in Javascript How to use function in Javascript