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

L'essentiel de JavaScript

Créer des variables

Testez gratuitement nos 1334 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Damien Bruyndonckx vous montre les différentes techniques et syntaxes JavaScript utilisées ici. Il s'agit de créer des variables.

Transcription

Quand vous faites de la programmation quelque soit le langage utilisé vous manipulez des données. Vous avez besoin d'un système permettant de stocker ces données dans l'ordinateur pour accéder à ces données rapidement et facilement. Voila le rôle des variables. Il s'agit de nommer un emplacement dans la mémoire de l'ordinateur et d'y stocker une ou plusieurs données sous ce nom. Pour créer des variables en javascript, c'est très simple vous utilisez le mot clé var et donnez un nom à votre variable, par exemple, le nom "first name". Lorsque je fais cela, je créé l'emplacement dans l'ordinateur pour lui donner le nom "first name". Cet emplacement existe mais ne contient aucune donnée. Si je fais un console.log de cette variable "first name", je la copie-colle pour éviter les fautes de frappe je sauvegarde mon javascript, je rafraichis ma page, le mot undefined apparait dans la console. Ce qui signife que la variable existe à défaut de message d'erreur, mais sa valeur est pour le moment non définie, elle ne contient aucune donnée. Alors pour mettre une donnée dans une variable je peux utiliser une seconde ligne en javascript. je mettrai "firt name = Damien", mon prénom et je fais un console.log de "first name" le mot "Damien" apparait dans la console donc la variable "first name" contient la chaine de caractère "Damien". J'ai utilisé ici deux lignes de code : une pour créer ma variable, pour la déclarer et l'autre pour lui donner une valeur, pour l'initialiser, c'est-à-dire lui donner sa valeur initiale. En javascript je peux faire ces deux opérations en une seule ligne de code pour cela je vais simplement faire "first name = Damien sur la première ligne. Je n'ai plus besoin de ma seconde ligne, je sauvegarde et rafraichis ma page, tout fonctionne toujours. Je peux donc déclarer une variable et l'initialiser en une seule opération, tout cela en une seule ligne de code. Autre petite expérience, je retire le mot clé var, je sauvegarde mon script, je rafraichis ma page, cela fonctionne toujours comme avant, vous apprenez que le mot clé var n'est pas requis. Que se passe t-il ici? Je demande au javascript de vérifier si la variable "first name" existe déjà je demande au javascript de changer sa valeur, pour mettre "Damien" comme valeur actuelle de cette variable. Si cette variable n'existe pas, ce qui est d'ailleurs le cas ici, javascript va automatiquement créer cette variable même si le mot clé var n'est pas défini. Cela fonctionne mais considérons que le mot clé var est obligatoire soyons un peu plus stricte que le javascript et prenons l' habitude quand nous déclarons des variables d'utiliser systématiquement le mot clé var même s'il n'est pas requis. Certains cas vous poseraient problème de ne pas l'utiliser alors qu'il n'y a aucun souci à l'utiliser. Considérons que son utilisation est une meilleure pratique nous le considérerons comme obligatoire. Vous pouvez maintenant choisir le nom des variables, à condition de respecter certaines règles, d'abord, pas d'espace sinon dans le nom de ma variable puis je rafraichis ma page et apparait "syntax error syntax error unexpected identifier". Donc pas d'espace dans le nom des variables. Est-ce que je peux par exemple remplacer cet espace par un tiret ? Le sauvegarde et je rafraichis ma page. La réponse est non "unexpected token, j'ai de nouveau une erreur le tiret n'est pas autorisé. En réalité javascript ne sait pas trop si c'est un tiret ou l'opérateur moins et pour éviter tout problème nous disons que le tiret n'est pas un caractère autorisé. Par contre je pourrais utiliser le underscore sans oublier de modifier également mon console.log. Sinon j'aurais une autre erreur disant que "first nam"e n'est pas défini. Si je rafraichis ma page cela fonctionne très bien donc le underscore est parfaitement autorisé. Vous pouvez aussi utiliser un nombre dans le nom de votre variable, par exemple "first name 1" je vais également changer le console.log cela fonctionne parfaitement bien. Attention si vous utilisez un nombre dans le nom de vos variables, vous ne pouvez pas utiliser ce nombre au début du nom de vos variables. Donc "first name 1" fonctionne mais "1 first name" ne fonctionne pas, cela génère une erreur. Pas de chiffre au début du nom de vos variables. Par contre vous pouvez utiliser d'autres symboles comme le symbole dollar très souvent utilisé. Cela fonctionne sans aucun souci le symbole dollar est autorisé dans le nom des variables. Je vais revenir à ma variable de départ "first name". Je peux également créer plusieurs variables en une seule ligne de code. Je retire la valeur de cette variable, et j'utilise un seul mot clé var pour déclarer plusieurs variables en une fois. Je déclare par exemple "first name, last name" puis "first name, last name, age" dans Brackets pour dupliquer une ligne de code, allez dans la ligne de code et faites "Ctrl D" sur Windows ou "D" sur Mac. Je fais un console.log de ces trois variables. Je sauvegarde, je rafraichis ma page, et j'ai trois "undefined" donc trois variables qui ont été créees en une seule ligne de code avec une seule fois le mot clé var. Mais ces trois variables ne sont pas définis, n'ont pas de valeur. Je peux mettre une valeur à ces variables je peux dire "first name = Damien" "last name = Bruyndonckx ", mon nom de famille et puis "age = 39 ", c'est mon âge. Quand je rafraichis ma page, ces trois variables ont bien été créées et initialisées en une seule ligne de code la première un seul mot clé var. Mes trois console.log m'envoient dans la console la valeur de ces trois variables. Alors si vous venez d'un autre langage de programmation, vous êtes peut-être un peu interloqué parce qu'avec javascript je dois déclarer mes variables. Je reviens sur quelque chose d'un peu plus simple en prenant cette première variable "first name" sans dire le type de donnée que je stocke dans cette variable, contrairement à beaucoup d'autres langages. Dans lesquels vous devez déclarer votre variable var "first name" et dire que cette variable contient une chaine de caractère, un nombre, une date ou une variable. Vous déclarez votre variable, vous mettez une valeur Dans ce cas-ci c'est une chaine de caractère. Puis si plus tard vous décidez que cette variable "first name" doit contenir autre chose tel un nombre, même s'il y a peu de sens à cela, pour l'exercice je mets un console.log en ligne 2 et un second console.log après avoir changé la valeur de la variable. Javascript ne rale absolument pas. Une même variable peut contenir une chaine de caractère au début de son existence puis un peu plus tard dans sa vie de variable, elle peut devenir un nombre. Il n'y a pas de souci avec cela dans le javascript qui n'est pas un langage typé contrairement à d'autres langages. par exemple en Java tout mais pas en javascript. Nous avons plusieurs types de données j'ai donc une chaine de caractère délimitée par des guillemets. javascript m'autorise à utiliser de simples guillemets ou des doubles guillemets. Avec de simples guillemets cela fonctionne bien dans la console du navigateur. Faites attention à ne pas mélanger les types de guillemets. Vous débutez avec un simple guillemet, fermez avec un simple guillemet et inversement avec les doubles guillemets. Quelques valeurs intéressantes, j'ai "first name" qui peut être égal à un nombre, pour nous "39", dans ce cas je n'utilise pas de guillemets puisque 39 est un nombre et pas une chaine de caractère. J'ai des mots clés, par exemple "True" ou "False", j'ai mis le mot clé "True" sans guillement, true est une valeur boléenne, vrai ou faux. Le mot clé "True" est reconnu nativement par le javascript comme étant une valeur boléenne donc je n'ai pas besoin de ces guillemets. Voilà donc plusieurs techniques pour créer des variables en javascript, que nous utiliserons tout le temps. Créer des variables est une compétence que nous utiliserons dans le reste de ce cours. Quelque soit le langage utilisé, vous devrez toujours créer des variables. Vous voilà donc armé d'un outil des plus indispensables.

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 !