Est-ce que jquery sera exécuté une fois tous les js chargés ?

Lorsque nous utilisons JavaScript et jQuery, nous devons généralement faire attention à l'ordre d'exécution du code, en particulier lorsqu'il s'agit de chargement asynchrone, de dépendances, de rappels d'événements, etc., nous devons bien réfléchir. L'une des questions courantes est la suivante : jQuery exécutera-t-il tous les js immédiatement après le chargement ?

Tout d’abord, nous devons comprendre quelques bases. Il existe deux manières de charger des fichiers JavaScript dans le navigateur : de manière synchrone et asynchrone.

Le chargement synchrone signifie que lorsque le navigateur analyse les balises HTML, il charge les fichiers JavaScript un par un dans l'ordre des balises et, une fois le chargement terminé, exécute le code JavaScript dans l'ordre. Cette méthode est relativement simple, mais si la page contient un grand nombre de fichiers JavaScript, cela affectera la vitesse de chargement de la page, car le navigateur doit télécharger les fichiers JavaScript avant de pouvoir continuer à charger d'autres parties de la page, ce qui entraîne la page pour charger lentement.

Le chargement asynchrone signifie que lorsque le navigateur charge les balises HTML, il ne bloque pas le chargement des autres parties de la page. Lorsqu'il rencontre un fichier JavaScript qui doit être chargé, le navigateur continuera à charger la page et chargera le fichier JavaScript de manière asynchrone. Lorsque le fichier JavaScript est chargé, le navigateur ne l'exécutera pas immédiatement et l'ordre d'exécution n'a rien à voir avec l'ordre dans lequel les fichiers sont chargés. Généralement, les fichiers JavaScript chargés de manière asynchrone seront exécutés immédiatement après le chargement de la page, mais ce n'est pas absolu.

Revenons donc à la question elle-même : jQuery l'exécutera-t-il immédiatement après le chargement de tous les fichiers js ? La réponse n’est pas nécessairement.

Si nous utilisons le chargement synchrone pour charger les fichiers js de jQuery, jQuery sera exécuté immédiatement après le chargement de tous les fichiers js. Car dans le cas d'un chargement synchrone, le navigateur doit d'abord charger le fichier JavaScript avant de pouvoir continuer à analyser les balises HTML. Par conséquent, après avoir chargé le fichier jQuery js, le code sera exécuté immédiatement.

Cependant, dans les applications Web modernes, nous utilisons plus souvent le chargement asynchrone pour charger des fichiers JavaScript, car cela peut améliorer la vitesse de chargement des pages et également aider à l'optimisation et à la maintenance du code. Dans ce cas, le fichier js de jQuery ne sera pas exécuté immédiatement après le chargement, car le navigateur continuera à charger d'autres parties de la page, c'est-à-dire que lorsque le fichier js de jQuery sera chargé, il ne sera exécuté immédiatement que lorsque le navigateur le fera. Le navigateur termine l'analyse et le rendu des pages et attend que tous les scripts asynchrones soient chargés et analysés avant que jQuery ne soit exécuté.

Cependant, il convient de noter que si nous utilisons les événements de chargement de documents de jQuery tels que $(document).ready() ou $(function(){}) dans le code, alors ces événements seront déclenchés immédiatement après le chargement de jQuery. . mettre en œuvre. Parce que ces événements sont liés à l'objet document et que l'objet document n'est pas chargé tant que la page n'est pas analysée et rendue. Par conséquent, lorsque le fichier jQuery js est chargé de manière asynchrone, même si le code ne sera pas exécuté immédiatement, une fois l'objet document chargé, l'événement lié à l'objet document sera déclenché et exécuté. Par conséquent, toutes les utilisations de $(document). ready( ) ou $(function(){}) et tout autre code d'événement de chargement de document jQuery seront exécutés immédiatement après le chargement de jQuery.

Pour résumer, le fait que tous les jQuery js soient exécutés immédiatement après le chargement dépend de la méthode de chargement et de la logique du code. S'il s'agit d'une méthode de chargement synchrone et que le code n'est pas lié à l'événement de chargement du document, il sera exécuté immédiatement après. chargement; if S'il s'agit d'une méthode de chargement asynchrone ou d'un code lié à un événement de chargement de document, vous devez attendre l'opportunité d'exécution. Par conséquent, lors de l'écriture de code JavaScript pour des pages Web, vous devez bien comprendre les méthodes et principes de chargement de JavaScript et de jQuery afin de mieux optimiser le code et d'améliorer les performances des applications.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!