내 `setInterval` 콜백이 한 번만 실행되는 이유는 무엇입니까?

setInterval 콜백의 단일 실행:

카운터 생성을 목표로 하는 다음 코드를 고려하세요.

function timer() {
  console.log("timer!")
}

window.setInterval(timer(), 1000)

그러나 , 이 코드는 타이머 기능을 한 번만 실행합니다. 이런 문제가 발생하는 이유와 해결 방법에 대해 알아보겠습니다.

setInterval의 첫 번째 매개변수가 함수 호출이 아닌 함수 참조여야 하기 때문에 문제가 발생합니다. 위 코드에서는 타이머()가 즉시 호출되어 정의되지 않은 값을 반환합니다. 결과적으로 setInterval은 1000밀리초 간격으로 정의되지 않은 것을 호출하도록 설정되어 있어 연속 루프 대신 단일 실행이 발생합니다.

이를 수정하려면 함수를 호출하는 대신 함수 참조를 전달해야 합니다. . 수정된 코드는 다음과 같습니다.

function timer() {
  console.log("timer!");
}

window.setInterval(timer, 1000);

이 수정된 버전에서는 타이머가 참조로 전달되어 setInterval이 지정된 간격으로 타이머를 호출할 수 있습니다.

또는 익명 함수를 사용할 수 있습니다. 콜백:

window.setInterval( function() {
  console.log("timer!");
}, 1000)

이 접근 방식은 더 짧지만 함수가 더 많아지면 읽기가 어려워질 수 있습니다.

이러한 변경 사항을 구현하면 이제 타이머 기능이 원하는 간격으로 반복적으로 실행되어 지속적인 실행 카운터가 보장됩니다.

위 내용은 내 `setInterval` 콜백이 한 번만 실행되는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!