2021.3.4(thu)_pipe 화살표함수로

✱ pipe 함수

const pipe = function() {
   let fns = [...arguments];
   return function(arg) {
      return fns.reduce((arg, fn) => fn(arg), arg);
   }
}

pipe함수를 위처럼 작성했었는데 화살표함수로 표현해보라는 리뷰를 받아 수정했다.

 

const pipe = (...fns) => arg => fns.reduce((arg, fn) => fn(arg),arg)

이렇게나 코드가 간단해졌다!!! 

화살표함수에는 elements 객체가 없어서 어떻게 인자들을 받아와야할까 했는데 디코에게 rest parameter 힌트를 얻었다. 그래서 여기에 커링을 한 스푼 더해 화살표함수로 pipe함수를 만들 수 있었다.

오늘 제일 뿌듯했던 것이 이것~~~~~🥳

 

과정은 간단하지 않았음^^

✱ES Modules

여러 모듈을 만들고 파일에서 전역에 함수를 할당해서 이래도 되나 했는데 모듈 scope가 있어서 전역 공간에서 보호시켜준다고 크롱이 알려주셨다. 이 부분 나중에 더 찾아봐야지.

 

---

✱To do list

✔️ rotateArrrow.js에 style.slice(18, -5) 이 부분 정규표현식으로 수정하기

✔️ renderReception.js에 afterMs(400) 이 부분 인자로 넘겨주기 매직넘버 더 없애보자!!

✔️ ES Modules의 모듈scope 찾아보기

✔️ 어제 TIL 학습정리 못한 것 하기 (배열에 비동기, slice vs substring)