JavaScript Sec01_7 함수표현식 & 화살표함수

함수도 자바스크립트 내에서는 자료형 (값의 분류) 이므로 값으로 다뤄서 변수나 상수에 대입하여 사용할 수 있다.

함수 선언식

---

 

• function 함수명 () { 구현부 } ;

함수 표현식

---

 

• let 변수명 = function () { 구현부 };
• 함수를 값으로 다뤄 변수에 대입할 때는 함수의 이름을 선언하지 않아도 된다.
• 변수명이 함수의 이름이 된다. 

  

  변수 hello는 "안녕하세요 여러분" 을 출력하는 함수를 가리킨다.

helloText 라는 상수에는 hello 함수가 호출되어 "안녕하세요 여러분"이 대입된다.

 

호이스팅

---

• 호이스팅 대상의 함수들은 프로그램 실행 전에 코드 최상단에 끌어 올려진다고 생각하면 된다.
• 함수 선언식은 호이스팅이 일어나지만 함수 표현식은 호이스팅이 일어나지 않아 함수를 담은 변수를 직접적으로 선언하기 전에는 해당 함수에 접근할 수 없다.

⇒ 함수 표현식은 호이스팅이 일어나지 않아 에러가 나는 것을 확인할 수 있다.

화살표 함수

---

• 화살표 함수 : 함수 표현식을 더 간략하게 사용할 수 있는 방법

  

• 함수 표현식에서 function 키워드를 지우고 소괄호와 중괄호 사이에 ⇒ 를 작성해주면 된다.

• 리턴값만 구현하면 된다면 중괄호와 리턴 키워드 return을 쓸 필요도 없음
• 화살표 함수도 호이스팅의 대상이 아니다.함수도 자바스크립트 내에서는 자료형 (값의 분류) 이므로 값으로 다뤄서 변수나 상수에 대입하여 사용할 수 있다.