[JavaScript] 함수의 형태

자바스크립트에서 함수는 값으로 취급되는데, 이런 특징은 코드를 작성할 때 다양한 형태로 활용할 수 있음.

 

1. 변수에 할당해서 활용

 

const printJS = function () {
  console.log('JavaScript');
};

---

2. 객체의 메소드로 활용

 

const codeit = {
  printTitle: function () {
    console.log('Codeit');
  }
}

---

3. 콜백 함수(Callback Function) 로 활용 

 

myBtn.addEventListener('click', function () {
  console.log('button is clicked!');
});

 

다른 함수의 파라미터에 전달 된 함수를 콜백 함수라고 함.

---

4. 고차 함수(Higher Order Function)로 활용

 

function myFunction() {
  return function () {
    console.log('Hi!?');
  };
};

 

함수를 리턴하는 함수를 고차 함수라고 함.