0% ont trouvé ce document utile (0 vote)
51 vues11 pages

Java Script

Questions de cours

Transféré par

Farhat Salma
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats ODT, PDF, TXT ou lisez en ligne sur Scribd
0% ont trouvé ce document utile (0 vote)
51 vues11 pages

Java Script

Questions de cours

Transféré par

Farhat Salma
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats ODT, PDF, TXT ou lisez en ligne sur Scribd
Vous êtes sur la page 1/ 11

 Compilation  Transformer un code écrit dans un langage de programmation en code machine

compréhensible par un processeur informatique (bits binaires 1 et 0). Le compilateur s’assure


que le programme est correct de point de vue TYPE et soit syntaxiquement correct. [C, C++, C#,
Javac]

 InterpréteurUn programme informatique qui convertit chaque déclaration de programme en


code machine. [JavaScript, Python]

 JIT compiler (Just-In-Time)Un type de compilateur qui traduit le code en code machine au
moment de l’exécution. Au lieu de compiler avant l’exécution, le compilateur JIT compile le code
au fur et à mesure de son exécution. [JVM, Javascript].
Différence : Un compilateur convertit le code en code machine avant l'exécution. Un interpréteur
convertit le code en code machine ligne par ligne au moment d’exécution. Tandis qu’un compilateur JIT
combinent les deux approches en traduisant le code au moment de l’exécution, mais d’une manière
dynamique et en optimisant le code en temps réel.
Un langage scriptUne série des instructions qui peuvent être s’exécuter sans compilation. Il utilise un
programme appelé interpréteur.
Protocole HTTP (HyperText Transfer Protocol)est un protocole de communication son rôle et de
définir comment les messages doivent être structuré et comment sont organisé les échanges de données
entre le navigateur et le serveur web. Une requête HTTP inclut une URL qui pointe sur une cible et une
ressource et une méthode de requête afin d’effectuer diverses taches (POST, GET…).
La réponse HTTP l’information fournie par le serveur après la demande du client, elle se représente
sous la forme d’un texte brute au format JSON ou XML.
DNS (Domain Name System)L’action de traduire les noms domaine en adresse IP
Protocole TCP (Transmission Control Protocol)Sur le serveur TCP découpe les données en petits
paquets et ces paquets voyagent sue des chemins différents, sur le client le TCP réordonne les petits
paquets et assure que tous les paquets sont arrivés et non endommagés, si l’un des paquets est
endommagé ou manqué il est redemandé au serveur.
IDE (Environnement de Développement Intégré)Une application qui fournit des outils complets au
programmeurs pour le développement des logiciels (Visual Studio Code).
Front-EndLe terme Front-End désigne l’interface utilisateur. Il est construit en combinant les langages
telles que HTML, JavaScript et CSS.
Back-EndLe terme Back-End désigne le serveur, l’application et la base de données. Il est la logique
informatique d’un site Web ou d’un logiciel. Parmi les langages plus utilisés sont Python, Java, PHP…
XML (eXtensible Markup Language)Un langage de balisage conçu pour stocker et transporter des
données de manière lisible par les humains et structurée pour être interprétée par les machines.
Format JSON (JavaScript Object Notation)C’est format de données qui utilisé pour transmettre les
données entre un serveur et site Web. C’est une alternative plus simple de XML.
JavaScriptUn langage de scripts qui peut être incorporé aux balises HTML et dépendant de celles-ci. JS
est exécute par le navigateur, son rôle est d’améliorer la présentation et l’interactivité des pages Web. JS
offre des gestionnaires des événements (click, hover…).
Opérateurs logiques :
&& : and
|| : ou
! : not
Opérateurs de type :
typeof() retourne le type de la variable
instanceof retourne true si l'objet est une instance de la classe donnée en paramètre
Exemple : console.log(“JavaScript” instanceof String);
Possibilités d'affichage JavaScript :
document.write()
console.log()
alert()
Impression JavaScript :
window.print()
Exemple : <button onclick= ”print()”>Imprimer la page</button>
PromptAffiche une boîte de dialogue avec une zone de saisie
Exemple : x = prompt(‘tapez’)
document.write(x)
Conversion :
Number()
String() || variable.toString()
Conversion de dates en Number :
var.getTime()retourne les secondes depuis 1970
var.getDate()retourne (1-31)
var.getDay()retourne (0-6) dont 0=dimanche
var.getFullYear()retourne l'année YYYY
var.getHours()retourne l'heure (0-23)
var.getMilliseconds()retourne
Pour convertir (0-999)
les date en nombre(on peut le convertir avec Number() si on a déclaré la date comme
un objet
var.getMonth()retourne (0-11) dontNaN,
en utilisent new sinon on va obtenir et aussi en utilisent les getS() il faut le déclaré
0=janvier
comme un objet).
var.getMinutes()retourne (0-59)
var.getSeconds()retourne (0-59)
Structures alternatives :
switch ( variable){

if ( condition ) { case valeur1 :

// bloc des instructions // bloc des instructions

} else if ( condition ) { break;

// bloc d'instructions case valeur2 :

} else { // bloc des instructions

// bloc d'instructions break;

default :
}
// bloc des instructions

Structures itératives :

for ( let i=0 ; i<5 ; i++ ) { for ( let key in object) { for ( let x of object ) {

// bloc des instructions // bloc des instructions // bloc des instructions

} } }

i=0 :initialisation for ( let index in array) { Object doit être itérable ( array,
string…) chaque itération x prend la
i<5 :condition // bloc des instructions valeur et pas index
i++ :incrémentation
}

List.forEach(callBackFunction) while ( condition) { do {

function callBackFunction(value, index, array){ // bloc des instructions // bloc des instructions
// bloc des instructions } }
} while ( condition )
Premier paramètre prend les valeurs,
deuxième prend les index et le derniers prend
tout array
breakUtiliser pour sortir d’une boucle
continueUtiliser pour ignorer une itération et passer à l’itération suivante
Fonction en JSBloc de code organisé et réutilisable créé pour effectuer une action unique

function nameFunction (par1, par2, ….){

//bloc de code

return …

Expressions lambdas (les fonctions fléchées)Des fonctions qui ont une syntaxe compacte, elles sont
plus rapides que les fonctions normales.

Name = (par1, …) => {

//bloc de code

console.log(array.map(L => L.length))

Les appels asynchrones (callback, Promise) :


Callback (fonction de rappel)Une fonction passée en argument d’une autre fonction, cette
technique permet à une fonction d’appeler une autre fonction.

function affichage(s) {
console.log(s);
}
function calcul(num1, num2, myCallback) {
let somme = num1 + num2;
myCallback(somme);
}
calcul(1, 5, affichage);
Attention: ne pas utiliser les parenthèses dans l’appel de la
fonction.
Promise(la promesse)Un objet JS qui contient à la fois le code producteur et les appels à le
code consommateur (resolve() et reject()),est pour gérer le opérations asynchrones. Elle a trois
états :
En attente (Pending)
Accomplie (Fulfilled)
Rejeté (Rejected)
Une promesse commence par l’état « En attente » et se termine par un résultat contient l’un des
états « Accomplie » ou « Rejeté ».

Syntaxe de la promesse :

P = new Promise((resolve, reject) => {

setTime( () => {

if (condition verified) {

resolve(…) Utilisation de « setTime » et


optionnel seulement pour voir
} else { l’état d’attente de la promesse qui
est dans ce cas trois secondes
Reject(…)

},3000);

});

Consommer une promesse :


La méthode then() : Cette méthode est utilisée pour planifier l'exécution d'un rappel,
elle peut prendre deux fonctions de rappel (resolve, reject) ou seulement une fonction
qui va être par défaut la fonction « resolve» si on a utilisé la méthode catch().
La méthode catch() :Cette méthode est utilisée pour programmer un rappel à exécuter
lorsque la promesse est rejetée, elle prendre la fonction « reject ».
Le méthode finally() :Elle est utilisée pour exécuter un code quelque soit la résultat.
P.then( success => {
Console.log(success)
}).catch(failed => {
Condole.log(failed) Attention :La méthode « finally » n’a pas de paramètre

}).finally( () => {
Console.log(‘final !’)
});

La méthode Promise.all() :Elle prend en paramètre un tableau de promesses et retourne


une nouvelle promesse. Il faut que toutes les promesses soient résolues pour la
promesse retournée soit résout, si une promesse de tableau est rejetée elle soit rejetée.
La méthode Promise.race() : Aussi prend en paramètre un tableau de promesses.
Retourne une nouvelle promesse qui se résout ou se rejette dès que la première des
promesses dans le tableau est résolue ou rejetée.
Promise.all ([ Promise.race ([
Promise1, Promise1,
Promise2, Promise2,
… …
]).then(….) ]).then(….)

La gestion des exceptions Pour gérer les exceptions en JS on utilise les mots clés suivants :
try : tester un bloc de code pour les erreurs
catch : gérer l'erreur
throw : créer des erreurs personnalisées
finally :exécution du code après try et catch quel que soit résultat
Création des objets :
Création d’objet avec syntaxe littérale : Creation d’objet avec constructeur :

const nameObject = { function nameObjet(param1,….){


propriete1 : value, this.propriete=param1,
propriete2 : value, this.propriete2=param2,
… ….
methode1( … ){ …. }, this.methode1=function ()
methode2( ){ …. }, { …. },
… ….
} ; //on peut remplacer const par var };

Manipulation d’objet :
On peut ajouter des méthodes et des propriétés aux objets crées : Object.propriete= value ;
On supprime une propriété en utilisant le mot clé delete : delete nameObject.propriete ;
Manipulation des objets natifs :
Les tableaux 

Taille du tableau : nb = Array.lenght


Récupérer l’indice d’un élément : index = Array.indexOf(value, n) n est index ou il va commencer le
recherche ,il est optionnel selon le besoin
La méthode lastIndexOf() : identique à Array.indexOf(), mais renvoie la position de la dernière
occurrence de l'élément spécifié. Index = Array.lastIndexOf(value)
La méthode includes() : Cela nous permet de vérifier si un élément est présent dans un tableau il
retourne un bouléen. Reponse = Array.includes(value).
La méthode findIndex() : La méthode findIndex() retourne l’indice du premier élément du tableau qui
remplit une condition et a un seule paramètre. nb = Array.findIndex(nameFunction) dans function
nameFunction(element) { return condition; }
La méthode find() : Faire la même chose que findIndex() mais il retourne la valeur et pas l’indice.
nb = Array.find(nameFunction) ….
La méthode finLast() : La même chose que find() mais il commencera à la fin. nb =
Array.findLast(nameFunction) ….
La méthode finLastIndex() : la même chose que findIndex() mais il commencera de la fin. nb =
Array.findLastIndex(nameFunction) ….
La méthode push() : Ajoute un élément à la fin du tableau Array.push(value)
La méthode unshift() : Ajoute un élément au début du tableau Array.unshift(value)
La méthode pop() : Supprime le dernier élément du tableau Array.pop()
La méthode shift() : Supprime le premier élément du tableau Array.shift()
La méthode splice() : Permet de supprimer plusieurs éléments du tableau Array.splice(n, n) .Le premier
paramètre est l'indice à partir duquel supprimer, et le second est le nombre d'éléments à supprimer.
La méthode sort() : Retourne les éléments par ordre(doivent être de la même nature)Array.sort()
La méthode reverse() : Inverse l’ordre des éléments Array.reverse()
La méthode join() : Renvoie les éléments du tableau dans une chaîne en choisissant le séparateur.
String=Array.join(" sep ")
La méthode concat() : On peut l’utiliser à la place de +. New = Array1.concat(Array2, Array3,…)
La méthode copyWithin() : Copier un élément vers une autre position Array.copyWhithin(p,c,..) dans
p = la place ou on va copier l’élément et c = l’élément copié et les paramètres ajouté présente combien
d’éléments copiés par exemple Array.copyWithin(2, 0, 2) Copier dans l'index 2, les éléments de l'in-
dex 0 à 2.
La méthode flat() : Créer un nouveau tableau avec les éléments de sous tableau. New = Array.flat()
La méthode slice() : Extrait une partie d’une chaîne et renvoie la partie extraite dans une nouvelle one,
la méthode prend deux paramètre le départ et la fin mais la fin non inclus. Part=Array.slice(nbD nbF-1) .
Si on a lui donné un seul paramètre il va commencer l’extraction de ce index jusqu’à la fin et dans le cas
d’un index négatif il va compter à partir de la fin.
Strings :

La méthode charAt() : Renvoie le caractère à un index spécifié dans la chaîne.


c = String.charAt(index)
La méthode charCodeAt() : Renvoie le code ascii du caractère à un index spécifié dans la chaîne
c = String.charCodeAt(index)
La méthode at() : Renvoie le caractère à un index (position) spécifié dans une chaîne (on peut
utilser les index négatifs pas comme charAt() ). index = String.at(number)
La méthode slice() : Extrait une partie d’une chaîne et renvoie la partie extraite dans une nouvelle
one, la méthode prend deux paramètre le départ et la fin mais la fin non inclus.
La méthode substring() : La même chose que slice() la seule différence est qu’elle n’accepte pas
les valeurs négatives et sont traités somme 0. Part = String.substring(nbD, nbF-1)
La méthode substr() : La même chose que slice() la différence est que le deuxième paramètre
concerne la longueur de la partie extraite et elle accepte les valeurs négatives.
Part=String.substr(nbD, nbL)
La méthode toUpperCase() : Conversion en majuscule. U = String.toUpperCase()
La méthode toLowerCase() : Conversion en minuscule. U = String.toLowerCase()
La méthode concat() : On peut l’utiliser à la place de +. New = String1.concat(String2, String3,
…)
La méthode trim(): Méthode supprime les espaces des deux côtés d’une chaîne.
new = String.trim()
La méthode trimStart() : Supprime les espaces uniquement du début. New = String.trimStart()
La méthode trimEnd() : Supprime les espaces de la fin. New = String.trimEnd()
La méthode padStart() : Remplit une chaîne depuis le début, elle a deux paramètres ; le premier
concerne la longueur à atteindre et la deuxième est la chaîne qu’on va ajouter.
Pad=String(nbL,value)
La méthode padEnd() : La même chose que padStart() mais elle remplit depuis la fin.
Pad=String(nbL, value)
La méthode repeat() : Renvoie une chaîne avec un certain nombre de copies d’une chaîne
donnée. New = String.repeat(count) dans count est le nombre de copies

La méthode replace() : Remplace une valeur spécifiée par une autre dans une chaîne, elle
remplace uniquement la première correspondance. New = String.replace(charReche, newChar)
elle est sensible à la casse pour ignorer la casse on utilise une expression régulière avec /i
indicateur (insensible) New = String.replace(/charRecher/i, newChar). Pour remplacer tous les
valeurs et pas seulement la première on utilise une expression régulière avec /g indicateur
(globale) New=String.replace(/charRecher/g, newChar).
La méthode replaceAll() : Similaire à replace() mais elle permet de remplacer tous et pas
seulement la première correspondance New = String.replaceAll(charRecher, newChar)
La méthode split() : Convertir une chaîne à un tableau. Array = String.split("…") à l’intérieur des
doubles code le séparateur si le séparateur introuvable ou seulement () le tableau renvoyé
contiendra la chaîne entière dans l'index [0] et si le séparateur est "", le tableau renvoyé sera un
tableau de caractères simples

Date :
Math :
Window :
Les expressions régulières :
JSON :
Syntaxe :
{

"cle" : "string",

"cle" : number,

"cle" : ["list",…],

"cle" :{"object":"value",..}

Manipulation JSON :
Pour traiter et afficher les données JSON dans les pages web, on a souvent besoin de les
convertir en objets Javascript et vice versa.
Analyse syntaxique (parse) : Convertir une chaîne de caractères en un objet na-
tif.
Linéarisation (stringification) : Convertir un objet natif en chaîne de caractères.
En Javascript, les méthodes utilisées sont :
JSON.parse permet de convertir JSON vers un objet javascript.
JSON.stringify permet de convertir des objets javascript vers des données JSON
Exemples :
DOM :

Vous aimerez peut-être aussi