경멸하려는 의도는 아니지만 이는 분명히 구문 문제입니다... 실제로는 setInterval이 항상 실행된다고 생각하지만 함수의 실행 결과direct는 수정되었습니다. 루프의 최종 결과는 두 번째 그림이 표시된다는 것입니다. 첫 번째 사진이 숨겨져 있어서 구현되지 않은 것 같습니다.
이렇게 해야 합니다:
으아악
여기서 클로저는 타이머 외부의 상태를 저장하여 매번 루프다운할 수 있도록 사용됩니다.
렌더링에 대한 지식도 추가하세요. 뷰 상태를 변경하는 이러한 종류의for루프의 경우 브라우저는 수정하자마자 즉시 렌더링하는 대신 이러한 상태를 캐시한 다음 적절한 시간에 렌더링합니다. 그래서 당신은 그것이 깜박이는 것을 볼 수도 없습니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
경멸하려는 의도는 아니지만 이는 분명히 구문 문제입니다... 실제로는 setInterval이 항상 실행된다고 생각하지만 함수의 실행 결과
direct는 수정되었습니다. 루프의 최종 결과는 두 번째 그림이 표시된다는 것입니다. 첫 번째 사진이 숨겨져 있어서 구현되지 않은 것 같습니다.이렇게 해야 합니다:
으아악여기서 클로저는 타이머 외부의 상태를 저장하여 매번 루프다운할 수 있도록 사용됩니다.
렌더링에 대한 지식도 추가하세요. 뷰 상태를 변경하는 이러한 종류의
for루프의 경우 브라우저는 수정하자마자 즉시 렌더링하는 대신 이러한 상태를 캐시한 다음 적절한 시간에 렌더링합니다. 그래서 당신은 그것이 깜박이는 것을 볼 수도 없습니다.참고해주세요
으아악setInterval(직접 함수(){
으아악한 번 반복하면 i의 값은 1이 되고 그 다음에는 1로 유지됩니다. let을 사용해 보세요
이 효과를 순서대로 하나씩 표시하시겠습니까?
으아악$(함수(){
으아악})
으아악
맞는지는 모르겠지만 늘 이게 문제라고 느껴요