React basic # 4

이건우·2021년 12월 18일
0

React 

목록 보기
6/14
post-thumbnail

순수함수 ?

함수의 부수 효과를 제거하여, 순수함수를 만들어 모듈화의 수준을 높이는 프로그래밍 기법.
부수효과란? 외부상태를 변경하여 함수로 들어온 인자의 상태를 직접 변경하는것 , 즉 아래와 같다.
클로저를 생각해 보면된다.

let b = 5
function add(a , b) {
b = 10
return a + b
}

함수안에서만 작동하는것 그러기 때문에 react의 Props에 영향을 미치지않아야한다.
return 값으로 소통한다.
동일한 인자가 들어오면 항상 같은 값이 나와야한다.

function add(a,d) {
	return a +b ;
    }
console.log(add(10,5))

위와같은 add함수는 순수함수이다.

let c = 10
function add(a + b) {
	return a + b + c
 }

위와 같은 함수는 순수함수가 아니다. c 라는 전역 변수값이 변하면 결과값도 변하기에그렇다.
항상 리턴값을 같은값으로 보장해 주지않기 때문이다.

결론..
순수함수는 일정한 '리턴값'으로 말을한다. 그리고 무조건 무슨 수가 들어가던, 리턴값은 일정하다.
외부나 내부의 사정으로 값이 변하지 않아야 한다. 이 점에 대해서 쉽게 생각하면 우리가 배웠던 클로저를 연상시키면된다.

profile
내가 느낌만알고 한줄도 설명할줄 모른다면 '모르는 것'이다.

0개의 댓글