Comment charger des scripts de manière synchrone en JavaScript : pourquoi et quand ?

Chargement synchrone des fichiers de script à l'aide de document.createElement("script")

Le chargement asynchrone de scripts externes garantit que le rendu des pages n'est pas bloqué pendant les scripts sont récupérés et analysés. Cependant, il peut y avoir des cas d'utilisation dans lesquels vous devez charger un fichier de script de manière synchrone et l'utiliser immédiatement.

L'extrait de code tente de charger un fichier de script de manière synchrone et d'invoquer une fonction à partir de celui-ci. Cependant, il rencontre un problème de timing car le script n'a pas encore été chargé et exécuté lorsque la fonction est appelée.

Résoudre ce problème implique de reconnaître que le chargement des scripts de manière asynchrone est l'approche standard. Cependant, dans certains scénarios spécifiques, vous devrez peut-être contrôler le processus de chargement manuellement.

Fonction de chargement de script personnalisé

Pour améliorer le processus de chargement de script, vous pouvez créer un fonction personnalisée qui intègre un gestionnaire "onload" au fichier

• Une analyse approfondie du composant de groupe de liste Bootstrap
• Explication détaillée du currying de la fonction JavaScript
• Exemple complet de génération de mot de passe JS et de détection de force (avec téléchargement du code source de démonstration)
• Angularjs intègre l'interface utilisateur WeChat (weui)
• Comment basculer rapidement entre le chinois traditionnel et le chinois simplifié avec JavaScript et l'astuce permettant aux sites Web de prendre en charge le basculement entre les compétences en chinois simplifié et traditionnel_javascript