[자바스크립트] 함수 사용하기_function / 호이스팅?

[Java Script_ function]

 

함수 생성 방법에 대해 알아보자

 

---

 

<STUDY>

 

1. 함수 선언식

function 함수이름() {
  //함수 내용
};

 

2. 함수 표현식

const 함수이름 = function () {
  //함수 내용
};

let 함수이름 = function () {
  //함수 내용
};

 

❔ 함수 선언식과 함수 표현식의 차이점_호이스팅 (Hoisting)

 

   - 함수 표현식은 호이스팅의 영향을 받지 않지만 함수 선언식은 호이스팅의 영향을 받는다!

   - 변수 선언 방식인 var도 호이스팅 영향을 받는다.

 

❓ 호이스팅

 

   - 변수의 선언을 해당 변수 범위의 최상위로 끌어올리는 것

   - 함수 호출 후 정의해도 사용 가능하다.

 

<예시>

emailjs.send('service_id', 'template_id', template_params).then(send_success, send_fail);

function send_success() {
  logs.innerHTML = `메시지가 전송되었습니다.`;
};

function send_fail(error) {
  logs.innerHTML =`오류 발생 : ${error.text}`;
};

 

   - send_success 함수와 send_fail 함수를 먼저 호출한 다음 나중에 선언했지만 호이스팅의 영향을 받아 이상 없이 코드가 작동된다.

 

3. 익명함수 사용하기

() => {
  //함수 내용
};

function () => {
  //함수 내용
};

 

   - 이름이 없으며 재사용이 불가하다.

   - 화살표 함수는 주로 콜백함수로 사용된다.

 

---

 

내가 보려고 정리하는 자바스크립트🔆

 

👉ez1n github 구경하기👈

ez1n - Overview

 

---