선언적 함수

📖 함수란?

• 프로그램에서 반복적으로 사용되는 기능을 만들어 내기 위한 코드들의 집합
• 문법 : function 함수이름(매개변수1, 매개변수2,...) { 실행문; }

* 함수이름 : 함수를 구분하는 식별자(identifier)
* 매개변수(parameter) : 함수를 호출할 때 전달하는 변수(함수 내부에서 사용됨)

분류	설명	종류
사용자 정의 함수	프로그램에서 필요한 기능을 사용자가 직접 정의해서 사용하는 함수	선언적 함수
		익명 함수
내장 함수	프로그램 개발에서 자주 사용되는 기능들을 자바스크립트 내부적으로 제공해주는 함수	인코딩, 디코딩 함수
		숫자 판별 함수
		유 • 무한 값 판별 함수
		숫자 변환 함수
		문자 변환 함수
		자바스크립트 코드 변경 함수

 
 

1. 선언적 함수
함수를 선언할 때 이름을 붙여주는 함수. 즉, 따로 변수에 함수를 넣어주지 않고 선언할 때 붙여준 이름으로 호출함
 
1) 선언적 함수의 형식

=====형식=====
function 함수() {
    실행문;
}

=====예시=====
function compute() {
    console.log('선언적 함수');
}

 
 

2) 선언적 함수의 호출

• 함수의 앞 or 뒤에서 호출 가능

=====함수의 앞에서 호출=====
compute();
function compute() {
    console.log('선언적 함수');
}

=====함수의 뒤에서 호출=====
function compute() {
    console.log('선언적 함수');
}
compute();

• 호이스팅(Hoisting; 끌어올리기) : 변수·함수를 선언하지 않고 호출하였을 때 에러가 발생하는 것이 맞음. 하지만 var로 선언한 변수·선언적 함수는 변수·함수 선언 이전에 호출하여도 에러 발생X

=====var로 변수 선언하기 전 호출=====
console.log(num);    //undefined 'undefined는 데이터 타입의 종류이지 에러는 아님'
var num = 10;

=====선언적 함수로 함수 선언하기 전 호출=====
compute();    //선언적 함수
function compute() {
    console.log('선언적 함수');
}

 
 
 
 
 
출처 : ⎡반응형 웹 실전 프로젝트 가이드 (김광수, 조혜경)⎦