JavaScript_함수(1)

1. 함수 선언

-function 함수명() {

자바스크립트 코드;

}

-참조 변수=function() {

자바스크립트 코드;

}

=>함수 정의문 {...}안에 작성된 코드는 즉시 실행되지 않는다.

함수를 호출하는 기본형은

함수명();

또는 참조 변수();

 

2. 함수 호이스팅

: 함수 안에 있는 선언들을 모두 끌어올려서 해당 함수 유효범위의 최상단에 선언하는 것이다.

var 변수 선언과 함수 선언문에서만 호이스팅이 일어난다.

(함수 호출문이 먼저 나와도 호이스팅 방식이 적용되어 정상적으로 함수를 호출한다.)

 

3. 매개변수가 있는 함수 정의문

-function 함수명{(매개변수1, 매개변수2,... 매개변수n)

자바스크립트 코드;

}

함수명(데이터1, 데이터2,... 데이터n);

 

4. 매개변수 없이 함수에 전달된 값 받아오기

: 함수 정의문의 매개변수가 없는 상태에서 데이터를 전달하여 함수를 호출하면 그 값은 배열에 저장된다.

함수 정의문에서는 그 값을 arguments라는 변수로 참조한다.

-function 함수명() {

arguments;

}

 

함수명(데이터1, 데이터2, 데이터3);

 

5. 데이터를 반환하고 강제 종료하는 return문

: return문은 함수에서 결괏값을 반환할 때 사용한다.

-function 함수명() {

자바스크립트 코드1; //②

return 데이터(값); //③

 

자바스크립트 코드2;

}

 

var 변수=함수명(); //①

=> ①함수 호출문 → ②함수 코드 실행 → ③ 자바스크립트 코드2를 무시하고데이터를 반환

→ ①,②,③ 순으로 반복 실행

 

6. 재귀 함수 호출

: 함수 정의문 내에서 작성한 코드로 함수를 다시 호출하는 것이다.

-function myFnc() {

자바스크립트 코드;

myFnc();

}

myFnc();