L'essentiel de JavaScript

Découvrir le mode strict

Testez gratuitement nos 1298 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Faites connaissance avec le mode strict. Il est important de savoir l'activer. Puis, voyez les bonnes implications, et moins bonnes, au niveau de votre code.

Transcription

Le mode « strict » est une nouveauté d' ECMAScript 5. Il s'agit de, volontairement, demander au navigateur, d'utiliser une syntaxe plus stricte, plus propre, pour le JavaScript. Je vais vous montrer, tout de suite, de quoi il s'agit. J'ai, ici, un petit code JavaScript qui contient quelques approximations. Remarquez que je n'ai pas utilisé, ici, le mot clé « var », pour déclarer ma variable. Au niveau de ma fonction, je déclare, ici, trois paramètres, mais, deux des trois paramètres ont le même nom. Mettons qu'il s'agisse, par exemple, d'une faute de frappe. Et puis, ici, en ligne 9, eh bien, je vais chercher dans le « DOM », l'élément qui s'appelle « mainContent », grâce à « getElementById » et je veux changer sa propriété « innerHTML », pour la rendre égale à la valeur de la variable « foo », c'est-à-dire, cette chaîne de caractères « Bonjour le monde ! », le fameux « Hello world! », en anglais. Regardons le code « HTML », vous voyez que c'est très court, J'ai, ici, l'élément « mainContent », il s'agit d'un paragraphe, qui contient, par défaut, le texte, « Juste une simple page ». Alors, cela donne quoi quand je reviens dans le navigateur ? Eh bien, dans le navigateur, si je rafraîchis ma page, vous voyez que tout se passe très bien. Donc, le texte du paragraphe est bien remplacé par « Bonjour le monde ! », et ma console ne me donne absolument, ici, aucune erreur, malgré mes petites approximations, qui sont, vous le voyez, gracieusement pardonnées par le JavaScript et par le navigateur. Alors, je vais revenir dans mon script, et je vais demander, cette fois-ci, d'utiliser le mode « strict ». Pour cela, je vais, ici, créer une petite chaîne de caractères, et je vais taper dedans « use strict », comme ceci. Alors, cela peut paraître un petit peu bizarre de mettre, comme cela, une chaîne de caractère, dans le vide. Il faut savoir que les navigateurs plus anciens ne reconnaissent pas le mode « strict », et donc, si un navigateur plus ancien arrive sur ce code, Il va voir ceci comme une chaîne de caractères tout à fait insignifiante et va l'ignorer. Tandis, que les navigateurs plus récents, qui supportent le mode « strict » vont reconnaître cette chaîne de caractères, particulière, et vont activer le mode « strict ». Je vais juste ajouter ceci « use strict ». Et, je vais maintenant refaire l'expérience, dans le navigateur, et là, eh bien, vous constatez que cela ne marche plus. D'abord le texte du paragraphe, ici, n'est pas remplacé, j'ai le texte naturel : « juste une simple page ». Et puis, j'ai surtout, ici, une erreur, qui me dit : « Duplicate parameter name not allowed in this context », et cela se produit en ligne 6 de mon code. Remarquez que ce n'est pas juste un message de diagnostic, ici, c'est vraiment une erreur, le code a échoué. Il s'est arrêté. Certaines lignes de code n'ont pas été exécutées. La preuve, le texte, ici, n'a pas été remplacé. Alors, qu'est-ce-qu'il se passe en ligne 6 ? Eh bien, en ligne 6, oui, c'est là que je me suis trompé. en définissant ma fonction. Donc, je vais remplacer ceci et mettre « a, b, c », plutôt que « a, b, a », comme cela chaque paramètre a un nom différent. Je reviens dans mon navigateur. Est-ce que cela fonctionne, maintenant ? Pour le coup, j'ai une autre erreur, une erreur qui me dit « foo is not defined », et cela se passe en ligne 3. Vous voyez que le mode « strict » va m'obliger à utiliser le mot clé « var », pour déclarer mes variables. Donc, ce n'est plus, ici, une meilleure pratique, c'est vraiment une obligation, en mode « strict » d'utiliser le mot clé « var ». Alors, je vais sauvegarder, maintenant, mon script, je reviens dans mon navigateur, je rafraîchis ma page, et là, vous voyez que tout fonctionne, de nouveau, comme il faut. « Bonjour le monde ! » est inscrit dans mon paragraphe et ma console est vide de toute erreur. Alors, si certaines personnes considèrent que le mode « strict » est une meilleure pratique, à l'heure actuelle, d'autres, par contre, considèrent que c'est un outil utile mais à utiliser avec modération. À vous de vous faire votre propre opinion et d'utiliser le mode « strict » à bon escient.

L'essentiel de JavaScript

​Ajoutez des fonctionnalités interactives à vos pages web avec JavaScript. Découvrez la syntaxe, le DOM, l'utilisation des bibliothèques JavaScript populaires, etc.

Aucun commentaire n´est disponible actuellement
 
Logiciel :
Spécial abonnés
Date de parution :26 avr. 2016

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !