웹개발/JavaScript

[JavaScript] 함수(function)

ss__jae2 2022. 5. 13. 15:45
반응형

1. 함수(function)

- 자바 스크립트에서는 함수도 하나의 값

- 따라서 함수를 변수에 대입할 수 있음

- 다른 함수 내에 중첩되어 정의할 수 있음

  • 함수 선언 방법
    function 함수명(매개변수1, 매개변수2, ...) {
           실행할 문장;
           return 리턴값;
    }

    1
    2
    3
    4
    5
    6
    7
    <script>
        function f() {
            for (let i = 0; i < 10; i++) {
                console.log("i : " + i);
            }
        }
    </script>
     

2. 함수 선언과 동시에 호출, 익명 함수

  • 함수 선언과 동시에 호출

함수 선언과 동시에 호출

  • 익명 함수
    - 익명 함수를 변수에 할당하고 그 변수를 함수처럼 호출해서 사용할 수 있다.

익명 함수

3. 함수 선언과 함수 표현식

- 함수를 먼저 호출하고 함수를 선언하게 되면 호이스팅으로 인해 함수 선언이 위로 끌어올려저서 실행이 잘 된다.

- 하지만 함수 표현식을 사용해 변수에 함수를 할당한다면, 선언만이 호이스팅으로 위로 끌어올려질 수 있기 때문에 변수 선언이 호이스팅이 되더라도 함수가 호출이 되지 않는다. 그래서 함수 표현식을 사용할 때는 변수에 함수를 먼저 할당한 뒤에 변수를 호출시키므로 함수를 실행해야 한다.

함수 선언과 함수 표현식

4. 콜백 함수

- 함수를 매개변수로 넘기고 그 안에서 함수를 호출

- 많이 쓰임

콜백 함수

반응형