함수형프로그래밍 부수효과

Question

안녕하세요 .최근 함수형프로그래밍에 관심이 생겨서 관련 글을 읽어 보던 중 함수형 프로그래밍은 부수효과를 배제한 것 이다 라고 해서 문득 그럼 이러한 상황일 때는 어떻게 부수효과를 배제 할 수 있지 ? 라는 생각이 들었습니다. 상황은 매우 간단합니다. 버튼을 클릭 했을 때 해당 버튼이 몇번 클릭 되었는지 회수를 표시 해주는 로직이 있다고 가정합니다. 간단하게 코드로 작성하자면 저는 이렇게 작성할 것 같습니다. let count &#61; 0const btn &#61; document.querySelector(&#34;button&#34;);function countFn() {count &#43;&#61; 1 alert(&#96;클릭된 회수: ${ count }&#96;)}btn.addEventListener.(&#34;click&#34;, countFn);위 코드를 부수효과 없이 함수형 프로그래밍으로 작성한다면 어떤식으로 만들어야 될지 감이 안잡힙니다. 전역변수 count를 변경시키지 않으면서 회수를 얻어 낼 수 있는 방법에대해 조언을 주시면 감사하겠습니다.

드림드림 · Accepted Answer

함수형 프로그래밍을 오해하고 계신것 같네요. 어떤 프로그래밍 방식이든 전역 변수의 역할을 하는 뭔가를 변화시켜야 합니다. 아래 코드와 같이 변경한다면, functional 은 어디에서든 사용할수 있는 함수가 됩니다. 이렇게 전역 변수를 변화시키는 것과 아닌 함수를 최대한 구분해서 작성하는것이 함수형 프로그래밍이라고 생각합니다.function functional(countIn) { const newCount &#61; countIn &#43; 1; alert(&#96;횟수: ${newCount}&#96;); return newCount; } function countFn() { count &#61; functional(count); }

honolulu · Answer

재귀로 풀면 됩니다.

codezzzz · Answer

const countFn = () => { let count = 0; return () => { count += 1; alert(`클릭된 회수: ${count}`); }; };클로저에대해 알아보시면 좋을꺼같습니다.

allinux · Answer

순수함수 즉 부수효과가 없는 함수가 되려면 전역변수를 직접 수정하지 말고 젼역변수에 + 1 한 결과를 리턴하는 겁니다.질문은 순수함수에 대한 이야기라기 보단 전역변수를 사용하지 않고 카운터를 구현하는 방법같습니다.

세브라이드 · Answer

한번도 생각해본 적 없는 관점이네요...근데 어차피 js가 스칼라나 하스켈처럼 완전 함수형 패러다임인게 아니잖아요?그래서 실무적으로는 부수효과 내는 부분과 함수형 프로그램 부분을 나눕니다.function selectElement (query) { return document.querySelector(query) } function makeAddClickEventListener (element) { return (eventListener) => element.addEventListener('click', eventListener)} const makeAddClickEventListenerUsingQuery = pipe(selectElement, makeAddClickEventListener); // 버튼이 여러개일 경우 makeAddClickEventListenerUsingQuery('button1')(countFn) makeAddClickEventListenerUsingQuery('button2')(countFn) makeAddClickEventListenerUsingQuery('button3')(countFn)

mirheeoj · Answer

https://aldosari.medium.com/a-counter-the-functional-way-764dd541cf1a 클로저에 대해 말씀하신 예를 사용해 간단히 설명된 자료가 있어 인용해봅니다. 엄밀히 말하면 counter변수가 기억되고 변하니까 부작용이 있는 셈이지만, 그게 함수 안에 은닉되므로 함수 바깥의 시점으로 봐선 없는 셈이 되죠.

집킨 · Answer

count변수 선언 위치를 옮길순 없는 상황이라면 그냥 count변수를 동기화하면 됩니다사이드 이펙트가 100% 없을순 없어요

함수형프로그래밍 부수효과

7개의 답변

Q&A 목록