Nous mettrons à jour notre Politique de confidentialité prochainement. En voici un aperçu.

L'essentiel de JavaScript

Découvrir la syntaxe conditionnelle

Testez gratuitement nos 1341 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Vous allez voir la syntaxe conditionnelle en JavaScript, ainsi que ses variantes. Découvrez les meilleures pratiques pour l'utiliser efficacement.

Transcription

Au-delà des simples instructions découvertes jusqu'à présent il est indispensable de poser des questions en javascript. Il faut exécuter des blocs de code selon la réponse à ces questions lorsque certaines conditions sont réunis. Je vous propose de découvrir cette logique conditionnelle. J'ai déclaré une variable "amount = 500". Si je veux poser une question par rapport à cette variable j'utiliserai une des syntaxes les plus célèbres en javascript, le fameux "if". "if" est un mot clé en javascript qui le comprend de manière native. Pas besoin de guillemets, de parenthèses, de var, tapez "if". Après le "if" j'ai besoin de "()" et d'accolades. Voici la syntaxe de base du "if". Je poserai ma question entre les "()" par exemple "amount 1000" ? Une bonne question en javascript est appelée une question boléenne. Une question qui n'a que deux réponses possibles. Ces deux réponses sont "True" ou "False" "Vrai" ou "Faux". "amount 1000" est soit vrai soit faux la réponse ne peut pas être hésitante. Javascript ne peut répondre aux questions que par "True" ou "False". N'oubliez pas que c'est une machine qui doit évaluer les questions. Elle ne peut faire la différence qu'entre vrai et faux. Des questions ouvertes, aux réponses multiples perdraient la machine et ne fonctionneraient pas en javascript. Je pose ma question dans les "()" et dans les accolades j'écrirai des instructions javascript qui ne seront exécutées que si la réponse à la question entre "()" est vraie. Par exemple, je mets un console.log et inventer un message ("Amount est supérieur à 1000") Si je sauvegarde, que je reviens dans mon navigateur et rafraichis ma page rien n'apparait dans la console. C'est un bon signe car cela signifie que la ligne 4 de mon javascript n'a pas été exécutée. Pourquoi ? Car la réponse à ma question entre "()" n'est pas "True" mais "False". En revanche si je change la valeur de ma variable et que la réponse à la question devient "True", dans ce cas le message apparait dans la console "Amount est supérieur à 1000". Ceci pour la syntaxe de base du "if". Il ne faut pas confondre les "()" et les accolades. Elles ont un point commun important, elles fonctionnent toujours par paire. Si vous ouvrez une parenthèse, vous serez obligé de la fermer. C'est la même chose pour les accolades si vous les ouvraient, il faudra les fermer plus bas ou beaucoup plus bas. Parfois l'accolade pour fermer est des dizaines ou centaines de lignes plus bas. Cela peut être compliqué de savoir qu'elles sont toutes fermées dans l'ordre. Quand j'écris ce genre de chose, je fais comme tout à l'heure, j'écris "if" puis "()" puis les accolades sans rien mettre dans celles-ci mais j'y reviens ensuite pour poser ma question ou noter mes instructions. Ainsi, je peux être plus ou moins sur de les fermer dans le bon ordre. Je vous invite à faire de même. Au niveau des styles certains développeurs préfèrent mettre des accolades après le "if" et les "()". D'autres adoptent la syntaxe que vous avez devant vous Ils mettent "{" sur la même ligne que le "if" et les "()" avec la question. Les deux sont possibles en javascript. Il ne tient pas compte des espaces et des sauts de ligne. Les deux sont possibles la syntaxe adoptée par les développeurs est celle que vous avez devant les yeux. Nous adopterons donc cette syntaxe dans le cours. Notons une exception si le bloc de code dans le "if" ne continet qu'une seule instruction, ce qui est mon cas, les accolades ne sont pas nécessairement requises, si je les retire cela fonctionne toujours, "Amount est supérieur à 1000". Si je change la valeur de cette variable "amount" et que je rafraichis il n'y a plus rien dans ma console. Cela fonctionne, la ligne 4 du code est exécutée ou non en fonction de la réponse à la question malgré l'absence des accolades. Cela n'est possible que si le bloc de code à exécuter fait une seule ligne. Les accolades sont nécessaires si vous exécutez plusieurs instructions. Considérons que ces accolades sont obligatoires tout le temps, sans se poser la question : dois-je les mettre? Je les mets toujours. Si je ne le fais pas certains cas me poseront des problèmes. En revanche cela ne pose aucun souci de les mettre sans necessité. Partons du principe que ces accolades sont toujours requises. Cette pratique vous évitera des problèmes. Considérons ces accolades comme systématiquement requises. Ce bloc de code s'exécute si la réponse à cette question est "True", est vraie. Pour le moment rien ne s'exécute. Si la réponse est fausse rien ne se passe. Faisons intervenir un second mot clé le "else" qui me permet de définir un second bloc de code j'ai besoin d'accolades. Je peux y écrire un second message "Amount est inférieur à 1000". Soit le console.log en ligne 6 "Amount est inférieur à 1000" soit le console.log en ligne 4 sera exécuté en fonction de la réponse à cette question. Voici la syntaxe de base du "if". Je vous montrerai la possibilité de faire la même chose sur une ligne de code. Moins rencontrée, cette méthode n'est possible qu'avec des "if" simples. Je peux demander "Amount 1000" ? Si oui, je ferai un console.log avec mon premier message et je mets ";" pour mettre le "else" le deuxième console.log avec un deuxième message. Je peux effacer ce qu'il y a dans le fond. Cela fonctionne, "Amount est supérieur à 1000", si je change sa valeur, j'aurai "Amount est inférieur à 1000", le "if" fonctionne bien avec une autre syntaxe. Elle tient en une seule ligne de code, un seul ";" termine l'ensemble de cette phrase. Cela est nommé un opérateur ternaire, j'ai besoin de trois parties : la question, la réponde si vrai et la réponse si faux. La question grâce au "?" et puis pour séparer les réponses nous avons le ":". Cela est valable pour les "if" simples avec peu de chose à faire dans le vrai et le faux. Une situation moins fréquente bien que le "if" tel que nous l'avons vu est très utilisé en javascript. Vous voici de nouveau armé d'un outil des plus utiles pour le reste de cette formation.

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 !