0% ont trouvé ce document utile (0 vote)
27 vues3 pages

Fiche Revision JavaScript Complete

Ce document présente une fiche de révision complète sur JavaScript, couvrant les bases, les boucles, les fonctions, les tableaux, les objets, le JSON, le DOM, les événements, les promesses et les modules. Il inclut des exemples de code pour illustrer chaque concept. Les sections abordent des éléments essentiels pour la programmation en JavaScript.

Transféré par

pshonnamba
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 PDF, TXT ou lisez en ligne sur Scribd
0% ont trouvé ce document utile (0 vote)
27 vues3 pages

Fiche Revision JavaScript Complete

Ce document présente une fiche de révision complète sur JavaScript, couvrant les bases, les boucles, les fonctions, les tableaux, les objets, le JSON, le DOM, les événements, les promesses et les modules. Il inclut des exemples de code pour illustrer chaque concept. Les sections abordent des éléments essentiels pour la programmation en JavaScript.

Transféré par

pshonnamba
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 PDF, TXT ou lisez en ligne sur Scribd

Fiche de Revision JavaScript Complete

1. Les bases

- let, const, var dclarer des variables


- typeof, parseInt, parseFloat
- alert, prompt, console.log
- Oprateurs : +, -, *, /, %, ==, ===, !=, !==, &&, ||, !

Exemple :
let nom = "Janai";
console.log("Bonjour " + nom);

2. Les boucles

- for, while, do...while

Exemple :
for (let i = 0; i < 5; i++) {
console.log("Tour : " + i);
}

3. Les fonctions

Fonctions classiques :
function addition(a, b) {
return a + b;
}

Fonctions flechees :
const addition = (a, b) => a + b;

4. Les tableaux (Array)

let fruits = ["pomme", "banane", "orange"];


console.log(fruits[1]); // banane

push(), pop(), shift(), unshift(), splice(), forEach(), map(), filter()

5. Les objets

let personne = {
nom: "Janai",
age: 25,
saluer() {
return "Bonjour " + this.nom;
}
};

6. JSON

let jsonStr = '{"nom":"Janai","age":25}';


let obj = JSON.parse(jsonStr);
console.log(obj.nom); // Janai

7. DOM

document.getElementById("titre").textContent = "Nouveau titre";

let div = document.createElement("div");


div.textContent = "Hello";
document.body.appendChild(div);

8. Evenements

document.getElementById("btn").addEventListener("click", () => {
alert("Clic !");
});

9. Promesses & async

fetch("https://api.exemple.com/data")
.then(res => res.json())
.then(data => console.log(data))
.catch(err => console.error(err));

async function charger() {


try {
let res = await fetch("https://api.exemple.com/data");
let data = await res.json();
console.log(data);
} catch (e) {
console.error(e);
}
}
10. Modules

// util.js
export function direBonjour(nom) {
return "Bonjour " + nom;
}

// main.js
import { direBonjour } from './util.js';
console.log(direBonjour("Janai"));

Vous aimerez peut-être aussi