본문 바로가기
[ Developer ]/JavaScript

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

by 김현섭. 2017. 2. 6.
반응형
함수 표현식
자바스크립트 함수 표현식은 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
반응형