본문 바로가기
[ Developer ]/JavaScript

[JavaScript] 자바스크립트 함수 표현식

by 김현섭. 2017. 2. 6.
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
함수 표현식
자바스크립트 함수 표현식은 function 키워드로 정의하며, 다음으로 선택적인 함수명과 괄호로 둘러싸인 인자 목록, 중괄호로 둘러싸인 함수 본문이 차례로 이어진다. 문법은 다음과 같다.

1
2
3
4
5
<script type="text/javascript">
    function function_name(arg1, arg2, ...){
        // 함수 본문
    }
</script>
cs

함수 표현식은 다른 자바스크립트 표현식 내에서 나타날 수 있는데, 값을 집어넣을 수 있는 곳이라면 어떤 곳이든 함수 표현식을 집어넣을 수 있다. 다음 예제를 보자.

1
2
3
4
5
6
<script type="text/javascript">
    var sayHello = function(name){
        console.log("Hello, I am " + name);
    }
    sayHello('Tom');        // Hello, I am Tom    
</script>
cs

함수 표현식은 그것들이 실행될 때만 생성되므로 실행되고 난 후에야 사용될 수 있다. 다음 예제를 보자.

1
2
3
4
5
6
<script type="text/javascript">
    sayHello('Tom');        // TypeError: sayHello is not a function
    var sayHello = function(name){
        console.log("Hello, I am " + name);
    }
</script>
cs