본문 바로가기

프로그래밍 공부/JavaScript

JavaScript - 익명 함수 / 선언적 함수

함수를 생성하는 방법은 익명 함수와 선언적 함수가 있다. 함수를 만들 때는 function 키워드를 사용하고 중괄호 {}를 사용하고 중괄호 내부에 코드를 입력하고 이렇게 만들어진 함수를 실행할 때는 함수 이름뒤에 괄호를 열고 닫고를 해서 사용한다.

1. 익명 함수

     var function ( ) { }

 

2. 선언적 함수

     function name ( ) { }

둘의 차이점은 선언적 함수는 script 태그를 읽을 때 가장 먼저 실행이 되고, 익명 함수는 순서대로 순서가 오면 실행이 된다. 예를 들어 

선언적 함수 -> 익명 함수 순으로 작성

function test() {alert("A입니다.");}

    var test = function () {alert("B입니다.");}

 

    test();

이렇게 작성을 하게된다면 선언적 함수 test를 먼저 읽고 뒤에 익명 함수 test가 이전의 선언적 함수 test를 덮어 씌우게 되고 alert로 출력이 되는건 덮어 씌워진 익명 함수 test의 "B입니다."가 출력이 된다. 반대로 아래와 같이

익명 함수 -> 선언적 함수 순으로 작성

var test = function () {alert("B입니다.");}

    function test() {alert("A입니다.");}

    

    test();

 익명 함수 test와 선언적 함수 test가 서로 위치가 바뀌었어도 선언적 함수가 먼저 읽히게 되고 뒤이어서 익명 함수 test가 그 위에 덮어 씌워지게 되어서 결론 적으로 익명 함수 test의 "B입니다."가 출력이 된다.

익명 함수, 선언적 함수.html
0.00MB