☀️ 일급 객체

💡 일급객체란 다른 객체들에 일반적으로 적용 가능한 연산을 모두 지원하는 객체를 가리킨다. [위키백과 - 일급객체]

자바스크립트에서는 함수가 일급객체로 취급되기 때문에, 함수를 매우 유용하게 사용 할 수 있다.

⭐️ 변수에 함수를 할당

함수는 변수에 할당할 수 있다. 자바스크립트에서 함수는 값으로 취급되기 때문에, 다른 변수와 마찬가지로 변수에 할당할 수 있다는 것이다.

const newFnc = () => {
  console.log('hello world');
}
newFnc()

⭐️ 함수를 인자로 다른 함수에 전달

함수는 다른 함수에 인자로 전달이 가능하다. 이러한 특징을 일반적으로 콜백함수나고차함수를 작성할 때 이용한다.

function callFnc(func){
  func();
}
const newFnc = () => {
  console.log('hello world');
}
callFnc(newFnc);

💡 콜백함수란 어떠한 함수의 매개변수로 쓰이는 함수를 말한다. 후에 콜백함수에 대해 더욱 자세히 포스트를 작성해보려고 한다.
💡 고차함수란 함수를 인자로 받거나 함수를 출력으로 반환하는 함수를 말한다. 함수를 다루는 함수라 하기도 하며 콜백함수는 고차함수의 범주안에 들어간다.

⭐️ 함수를 반환

함수는 다른 함수에서 반환될 수 있다. 함수는 값으로 취급되기 때문에, 다른 함수에서 반환 할 수 있는것이다.
이러한 특징은 함수팩토리나 클로저를 작성할때 사용된다.

function createAdder(num){
  return function (x) {
    return x + num
  }
}
const addN = createAdder(5);
console.log(addN(10)); // 15 출력

⭐️ 객체의 프로퍼티로 함수를 할당

함수는 객체의 프로퍼티로 할당될 수 있으며, 객체의 메소드로 함수를 호출 할 수있다.

const person = {
  name: 'hoheesu',
  sayHello: function () {
    console.log(`Hello my name is ${this.name}`)
  }
}
person.sayHello(); // "Hello my name is hoheesu"

💬 여기 나오는 this에 대해서도 추후에 포스트로 작성할 예정이다.

⭐️ 배열의 요소로 함수를 할당

함수는 배열의 요소로도 할당/사용할 수있다.

const myArray = [
  function(a,b) {
    return a+b
  },
    function(a,b) {
      return a-b
  }
]
console.log(myArray[0](5,10) // 15 출력
console.log(myArray[0](5,10) // 5 출력

❗️결론

JavaScript에서 함수는 일급객체로 취급되기 때문에, 매우 유연하게 사용할 수 있다. 함수를 다양하게 조합하여 새로운 함수를 반환하는 함수를 사용한다면 더 복잡한 기능을 쉽게 구현할 수 있다. 코드를 더욱 간결하고 모듈화된 형태로 작성하기 쉽다는 것이다.