자바스크립트 함수 정의하는 3가지 방법

자바스크립트 함수는

함수 선언문

함수 표현식

화살표 함수

등을 사용해 정의한다.

🔔 아래 예시문은 모두 구구단 5단을 만드는 함수입니다 🔔

함수 선언문

✔️ function 식별자(){}

✔️ 제일 대표적으로 사용됨

function gugudan(){
  for(let i = 1; i <= 9; i++){
    console.log(`5 * ${i} = ${5 * i}`);
  }  
};
gugudan();

함수 표현식

✔️ 익명 함수

const 변수명 = function(){};

✔️ 네이밍 함수

const 변수명 = function 식별자(){};

✔️ 네이밍 함수로 작성했을 시, 식별자로 함수 호출 불가능 ❌, 할당된 변수명으로 함수 호출 가능 ⭕️

// 익명 함수
const gugudan = function(){
  for(let i = 1; i <= 9; i++){
    console.log(`5 * ${i} = ${5 * i}`);
  }  
};
gugudan();

// 네이밍 함수
const gugudan = function gugudan(){
  for(let i = 1; i <= 9; i++){
    console.log(`5 * ${i} = ${5 * i}`);
  }  
};
gugudan();

화살표 함수

✔️ () => {};

✔️ 함수를 호출해서 사용하기 위해서는 변수를 할당을 해줘야함

✔️ const 변수 = () => {};

const gugudan = () => {
  for(let i = 1; i <= 9; i++){
    console.log(`5 * ${i} = ${5 * i}`);
  }  
};
gugudan();