Pourquoi mon JSFiddle affiche-t-il une erreur « test non défini » et comment puis-je la corriger ?

Débogage d'un JSFiddle cassé : résolution de l'erreur "test non défini"

Dans ce JSFiddle, malgré la présence d'un bouton avec un gestionnaire onclick, cliquer sur le bouton ne déclenche pas l'alerte. La console affiche l'erreur « test non défini ». Pour comprendre ce problème et sa résolution, approfondissons les paramètres de JSFiddle.

Comprendre les paramètres d'enveloppement de JSFiddle

Par défaut, JSFiddle encapsule tout le code JavaScript dans une fonction qui s'exécute une fois la page entièrement chargée. Cela signifie que toutes les variables et fonctions définies dans le code JavaScript sont locales à cette fonction d'emballage et ne sont pas accessibles dans la portée globale. Par conséquent, la fonction test() utilisée par le gestionnaire onclick n'est pas reconnue.

Résoudre le problème en modifiant les paramètres Wrap

Pour résoudre ce problème, nous devons modifier les paramètres JSFiddle pour désactiver l’habillage de code. Ouvrez le panneau des paramètres, accédez à l'onglet « JavaScript » et sous « Encapsuler votre code ? » dans la liste déroulante, sélectionnez « pas de retour à la ligne ». Cela garantit que le code JavaScript est exécuté immédiatement et que les variables et fonctions sont disponibles dans la portée globale.

Mise à jour du JSFiddle

Voici le JSFiddle mis à jour sans wrap paramètre : http://jsfiddle.net/zalun/Yazpj/1/

Remarquez que nous avons également basculé le framework vers "Pas de bibliothèque" puisque vous n'utilisez pas de framework JavaScript.

Conclusion

En ajustant le paramètre JSFiddle wrap, nous avons résolu l'erreur "test non défini" et activé le gestionnaire onclick du bouton pour fonctionner comme prévu. Il est important de prendre en compte l'impact des paramètres JSFiddle sur le comportement du code et de procéder aux ajustements appropriés pour garantir que votre code s'exécute correctement.

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!