자바스크립트 코드를 한 번 실행하는 방법

JavaScript는 대화형 웹 페이지와 애플리케이션을 만드는 데 사용할 수 있는 강력한 프로그래밍 언어입니다. 어떤 경우에는 전체 웹 페이지나 애플리케이션 수명 주기 동안 반복적으로 JavaScript 코드를 실행하는 대신 JavaScript 코드를 한 번만 실행하면 될 수도 있습니다. 이 기사에서는 JavaScript에서 코드를 한 번 실행하는 방법을 보여줍니다.

JavaScript의 일회성 실행은 다음 세 가지 방법을 통해 달성할 수 있습니다.

1. 즉시 호출되는 함수 표현식(IIFE)

IIFE는 정의된 후 즉시 호출할 수 있는 익명 함수입니다. 자체를 즉시 한 번만 호출합니다. . 이 접근 방식은 클로저를 사용하므로 전역 변수의 사용을 방지합니다. 예는 다음과 같습니다.

(function() {
  console.log('这个代码将只执行一次。');
})();

이 예에서는 익명 함수를 정의하고 즉시 호출합니다. 이 함수는 즉시 호출되므로 한 번만 실행됩니다. 함수 본문 내부에 실행할 코드를 넣을 수 있습니다.

2. 자체 실행 익명 익명 함수

IIFE와 유사하게 이 방법도 자체 실행 익명 함수를 사용합니다. 하지만 이 경우 익명 함수를 변수에 할당하여 실행해야 하는 함수로 참조할 수 있도록 합니다. 예는 다음과 같습니다.

var runOnce = function() {
  console.log('这个代码将只执行一次。');
}
runOnce();

이 예에서는 익명 함수를 정의하고 이를 "runOnce"라는 변수에 할당합니다. 함수에 값이 할당된 후에는 다른 함수처럼 호출할 수 있습니다.

3. 변수가 초기화되었는지 확인

이 방법에는 전역 변수를 정의하고 부울 값을 사용하여 초기화되었는지 확인하는 작업이 포함됩니다. 변수가 초기화되지 않은 경우 코드는 한 번만 실행됩니다. 예는 다음과 같습니다.

if (!window.alreadyRun) {
  console.log('这个代码将只执行一次。');
  window.alreadyRun = true;
}

이 예에서는 전역 변수 "window.alreadyRun"이 "true"로 설정되어 있는지 확인합니다. 변수가 설정되지 않은 경우 코드가 실행되고 변수는 "true"로 설정됩니다. 변수는 전역 개체에 정의되므로 프로그램 전체에서 볼 수 있습니다.

요약

이 글에서는 자바스크립트에서 코드를 한 번 실행하는 세 가지 방법을 소개했습니다. 즉시 실행 함수 표현식과 자체 실행 익명 함수 모두 전역 변수 사용을 피하기 위해 자체 실행 익명 함수를 사용합니다. 변수가 초기화되었는지 확인하는 방법은 프로그램 수명주기 동안 상태를 저장해야 하는 상황에 적합합니다. 선택하는 방법은 특정 요구 사항에 따라 다릅니다.

위 내용은 자바스크립트 코드를 한 번 실행하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!