React의 사용자 정의 후크 매크로?

Question

저는 최근에야 Lisp 컨텍스트에서 매크로가 무엇인지 이해하기 시작했습니다. 내 이해는 기본적으로 코드가 두 단계로 실행된다는 것입니다. 첫 번째 단계에서 인터프리터는 매크로에 대한 호출을 식별하고 이를 해당 반환 값으로 바꿉니다. 둘째, 코드를 정상적으로 실행합니다.

이것은 React의 커스텀 후크에서 일어나는 일과 같습니다. 예를 들어 useOnlineStatus 후크가 있는 경우:

으아아아

이것은 매크로와 같습니다. useOnlineStatus 후크를 다음과 같이 사용하는 경우:

으아아아

이것은 매크로 호출과 같습니다. 다음과 같은 경우:

으아아아

첫 번째 패스 후에는 다음으로 변환됩니다.

으아아아

두 번째 패스에서는 정상적으로 실행됩니다. 이것이 맞춤형 후크에서 발생하는 일에 대한 정확한 모델입니까?

Answer 1

눈을 가늘게 뜨고 보면 약간 그렇게 보이지만 몇 가지 사항이 있습니다.

1. 브라우저는 JavaScript를 구문 분석한 다음 실행하기 위해 여러 단계를 수행하지만 후크 호출은 그러한 예가 아닙니다. 따라서 구성요소를 실행하려면 한 줄씩 실행하고 명령이 발견될 때 함수를 한 단계씩 실행하는 한 번의 패스만 필요합니다.

2. 동일한 정신 모델을 모든 함수 호출에 적용할 수 있습니다. 전화할 때:

으아아아

Math.max에서 코드를 풀어서 메인 함수에 넣는다고 생각하시면 됩니다. 하지만 실제로는 그렇게 작동하지 않습니다.