useState2 클로저에 대해 알아보기 with useState 클로저란 실행 컨텍스트와 렉시컬 스코프의 조합으로 함수가 선언 되었을 당시에 환경을 기억하여 상위 스코프내의 변수에 접근 할 수 있게 해주는 문법이다.아래 함수를 실행해보면 10이 출력되는 것을 통해 inner 함수가 상위 스코프인 outer의 _var를 참조하는 것을 알 수 있다.이는 클로저에 의해 접근 가능한 것.const outer = () => { let _var = 10; const inner = () => console.log(_var); inner();};outer(); // 10아래 함수를 예측해보면 어떻게 출력될까const outer = () => { let _var = 10; const setVar = (newVal) => { _var = newV.. 2024. 10. 9. [React Hooks] useState 분석해보기 (진행 중) useState는 React 깃허브에서 @packages/react/src/ReactHooks.js에서 export 중이다.// @packages/react/src/ReactHooks.jsexport function useState( initialState: (() => S) | S,): [S, Dispatch>] { const dispatcher = resolveDispatcher(); return dispatcher.useState(initialState);}제네릭 타입 S를 담아주면 리턴하는 값은 [S타입, Dispatch>] (S타입에 대한 Dispatch하는 함수)useState의 리턴 값을 알아가기 위해 resolveDispatcher() 라는 함수를 추적function resolveDi.. 2024. 10. 9. 이전 1 다음
