ss__jae2
타닥타닥 IT
ss__jae2
전체 방문자
오늘
어제

Github

  • 타닥타닥 IT (179)
    • 웹개발 (86)
      • JAVA (23)
      • DBMS (6)
      • HTML (9)
      • CSS (7)
      • JavaScript (12)
      • JSP (14)
      • Spring (15)
    • FrontEnd (63)
      • HTML (5)
      • CSS (12)
      • JavaScript (16)
      • React.js (14)
      • Node.js (16)
    • API (5)
    • SQLD (21)
      • SQLD (1)
      • 1과목 데이터 모델링의 이해 (11)
      • 2과목 SQL 기본 및 활용 (9)
    • CS Study (4)
      • 네트워크 (4)

공지사항

최근 댓글

최근 글

반응형
hELLO · Designed By 정상우.
ss__jae2

타닥타닥 IT

웹개발/JavaScript

[JavaScript] 함수(function)

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. 콜백 함수

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

- 많이 쓰임

콜백 함수

반응형
저작자표시 (새창열림)

'웹개발 > JavaScript' 카테고리의 다른 글

[JavaScript] 객체와 상속, 프로토타입  (0) 2022.05.15
[JavaScript] 자바스크립트를 이용한 태그 객체 및 onclick  (0) 2022.05.13
[JavaScript] 배열(Array), 빠른 for문  (0) 2022.05.13
[JavaScript] 대화상자(dialog), 제어문(조건문, 반복문), 간단한 예제  (0) 2022.05.12
[JavaScript] 자료형, 형변환, 연산자, NaN  (0) 2022.05.12
    '웹개발/JavaScript' 카테고리의 다른 글
    • [JavaScript] 객체와 상속, 프로토타입
    • [JavaScript] 자바스크립트를 이용한 태그 객체 및 onclick
    • [JavaScript] 배열(Array), 빠른 for문
    • [JavaScript] 대화상자(dialog), 제어문(조건문, 반복문), 간단한 예제
    ss__jae2
    ss__jae2

    티스토리툴바