페이지로드에서 클로저 및 JavaScript 실행

이 게시물은 웹 페이지가로드를 완료 한 후 JavaScript 코드를 실행하기위한 이전에 게시 된 기술로 확장됩니다. 핵심 코드는 JavaScript Closures를 사용합니다

클로저는 주변 어휘 환경 (접근 가능한 변수)과 함수를 번들로 제공합니다. 이것은 특히 JavaScript에서 강력합니다. 이 예를 고려하십시오 :

함수를 반환합니다. 결정적으로, 반환 된 함수 (폐쇄)는 생성 컨텍스트에서

function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}

addLoadEvent(nameOfSomeFunctionToRunOnPageLoad);
addLoadEvent(function() {
  /* more code to run on page load */ 
});

의 값을 "기억합니다. 는 3,

를 추가하여 4를 추가하여 클로저의 상태 보존을 보여줍니다.

함수는 클로저를 활용하여 여러 function createAdder(x) { return function(y) { return y + x; } } addThree = createAdder(3); addFour = createAdder(4); document.write('10 + 3 is ' + addThree(10) + '
'); document.write('10 + 4 is ' + addFour(10));가 이미 정의 된 경우 새 함수가 래핑되어 기존 기능과 새 기능이 페이지로드시 순차적으로 실행되도록합니다. 이를 통해 여러 호출을 로 체인하여 페이지로드에서 실행 된 함수 큐를 생성 할 수 있습니다. 클로저는 강력한 도구이지만 이해가 필요합니다. 추가 탐색이 권장됩니다 (원래 게시물에 링크 된 Wikipedia 기사 참조).

자주 묻는 질문 : createAdder(x) 이 섹션에서는 JavaScript 클로저 및 페이지로드 실행에 대한 일반적인 질문을 다루어 간결한 답변을 제공합니다. 원래 FAQ 섹션은 유지되지만 가독성과 간결함을 향상시키기 위해 재 포장됩니다. 정보가 손실되지 않습니다. 질문과 답변은 더 나은 흐름과 중복을 피하기 위해 논의됩니다. x

위 내용은 페이지로드에서 클로저 및 JavaScript 실행의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!