모든 js가 로드된 후에 jquery가 실행됩니까?

JavaScript와 jQuery를 사용할 때 일반적으로 코드의 실행 순서에 주의를 기울여야 하며, 특히 비동기 로딩, 종속성, 이벤트 콜백 등에 관해서는 신중하게 생각해야 합니다. 일반적인 질문 중 하나는 jQuery가 로드 후 즉시 모든 js를 실행합니까?입니다.

먼저 몇 가지 기본 사항을 이해해야 합니다. 브라우저에 JavaScript 파일을 로드하는 방법에는 동기식과 비동기식의 두 가지 방법이 있습니다.

동기적 로딩이란 브라우저가 HTML 태그를 구문 분석할 때 JavaScript 파일을 태그 순서대로 하나씩 로드하고, 로딩이 완료된 후 JavaScript 코드를 순서대로 실행하는 것을 의미합니다. 이 방법은 비교적 간단하지만 페이지에 많은 수의 JavaScript 파일이 포함된 경우 페이지 로딩 속도에 영향을 미칩니다. 왜냐하면 브라우저가 페이지의 다른 부분을 계속 로드하기 전에 JavaScript 파일을 다운로드해야 하기 때문입니다. 천천히 로드합니다.

비동기 로딩은 브라우저가 HTML 태그를 로딩할 때 페이지의 다른 부분 로딩을 차단하지 않는다는 의미입니다. 로드해야 하는 JavaScript 파일을 발견하면 브라우저는 계속해서 페이지를 로드하고 JavaScript 파일을 비동기적으로 로드합니다. JavaScript 파일이 로드되면 브라우저는 이를 즉시 실행하지 않으며 실행 순서는 파일이 로드되는 순서와 아무런 관련이 없습니다. 일반적으로 비동기적으로 로드된 JavaScript 파일은 페이지가 로드된 직후에 실행되지만 이것이 절대적인 것은 아닙니다.

그럼 질문 자체로 돌아가서, jQuery는 모든 js 파일이 로드된 후 즉시 실행됩니까? 대답은 반드시 그런 것은 아닙니다.

동기 로딩을 사용하여 jQuery의 js 파일을 로드하면 모든 js 파일이 로드된 후 즉시 jQuery가 실행됩니다. 동기 로딩의 경우 브라우저는 HTML 태그를 계속 구문 분석하기 전에 먼저 JavaScript 파일을 로드해야 하기 때문에 jQuery js 파일을 로드한 후 코드가 즉시 실행됩니다.

그러나 최신 웹 애플리케이션에서는 비동기 로딩을 사용하여 JavaScript 파일을 로드하는 경우가 더 많습니다. 이는 페이지 로딩 속도를 향상시키고 코드 최적화 및 유지 관리에도 도움이 될 수 있기 때문입니다. 이 경우 브라우저는 페이지의 다른 부분을 계속 로드하기 때문에 jQuery의 js 파일은 로드 직후에 실행되지 않습니다. 즉, jQuery의 js 파일이 로드되면 브라우저가 즉시 실행되지 않습니다. 브라우저는 페이지 구문 분석 및 렌더링을 완료하고 jQuery가 실행되기 전에 모든 비동기 스크립트가 로드 및 구문 분석될 때까지 기다립니다.

그러나 코드에서 $(document).ready() 또는 $(function(){})과 같은 jQuery의 문서 로딩 이벤트를 사용하는 경우 이러한 이벤트는 jQuery가 로드된 직후에 트리거된다는 점에 유의해야 합니다. . 구현하다. 이러한 이벤트는 문서 개체에 바인딩되어 있으며 페이지가 구문 분석되고 렌더링될 때까지 문서 개체가 로드되지 않기 때문입니다. 따라서 jQuery js 파일이 비동기적으로 로드되면 코드가 즉시 실행되지는 않지만 문서 객체가 로드되면 문서 객체에 바인딩된 이벤트가 트리거되어 실행됩니다. 따라서 $(document)의 모든 사용은 다음과 같습니다. Ready( ) 또는 $(function(){}) 및 기타 jQuery 문서 로딩 이벤트 코드는 jQuery가 로드된 후 즉시 실행됩니다.

결론적으로 모든 jQuery js가 로딩 직후에 실행되는지 여부는 로딩 방법과 코드 로직에 따라 다릅니다. 동기 로딩 방식이고 코드가 문서 로딩 이벤트에 바인딩되지 않은 경우 로딩 직후에 실행됩니다. loading; if 문서 로딩 이벤트에 바인딩된 비동기 로딩 메서드 또는 코드인 경우 실행 기회를 기다려야 합니다. 따라서 웹 페이지용 JavaScript 코드를 작성할 때 코드를 더 잘 최적화하고 애플리케이션 성능을 향상시키기 위해서는 JavaScript 및 jQuery 로딩의 방법과 원리를 완전히 이해해야 합니다.

위 내용은 모든 js가 로드된 후에 jquery가 실행됩니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!