📆 날짜

2023/12/11(월)

📚 챕터

리액트에 자주 쓰이는 다양한 함수 살펴보기

---

👨🏻‍💻 학습 내용

🎯 즉시 실행 함수

함수를 정의하고 그 순간 즉시 실행되는 함수를 의미한다.
단 한번만 호출되고, 다시금 호출할 수 없는 함수다.

<script>
(function (a,b){
return a+b
})(5,5);// 10

(a,b)=>{
return a + b
},
)(5,5) // 10
</script>

즉시 실행함수는 단 한번만 호출 되기 때문에
일반적으로 즉시 실행 함수에 이름을 붙이지 않는다.
즉시 실행 함수의 특성을 활용한다면 글로벌 스코프를 오염시키지 않는 독립적인
함수 스코프를 운용할수 있다는 장점을 얻을 수 있다.

🎯 고차 함수

<script>
//함수를 매개변수로 받는 대표적인 고차 함수 Array.prototype.map
const doubledArray = [1,2,3].map((item) => item *2)

doubledArray // [2,4,6]

//함수를 반환하는 고차 함수의 예
const add = function (a) {
 // a가 존재하는 클로저를 생성
 return function (b){
 // b를 인수로 받아 두 합을 반환하는 또 다른 함수를 생성
 return a + b
 }
}

add(1)(3) // 4
</script>

자바스크립트의 함수가 일급 객체라는 특징을 활용하면 함수를 인수로 받거나 결과로 새로운 함수를 반환 시킬 수 있다. 이런 역할을 하는 함수를 고차 함수(Higher Order Function)라고 한다.

➡️ 다음 글 에서는 함수를 생성 할 때 주의해야 할 몇가지 사항들에 대해 알아보자.