Aide-memoire

JavaScript

Les bases utiles pour manipuler les donnees, le DOM, les fonctions et l'asynchrone.

SyntaxeDOMAsyncES6+
js

Bases

  • letvariable modifiable
  • constvaleur non reassignee
  • functiondeclaration de fonction
  • () => {}fonction flechee
if

Controle de flux

if (condition) {
  // code
} else {
  // autre code
}

for (let i = 0; i < 5; i++) {
  console.log(i)
}
fn

Fonctions

function addition(a, b) {
  return a + b
}

const mult = (a, b) => a * b
  • Arguments par defaut : function f(x = 5) {}
  • Callbacks pour transmettre une action.
[]

Objets & tableaux

const user = { nom: 'Alice', age: 25 }
const notes = [12, 15, 18]

console.log(user.nom)
console.log(notes[0])
mapfilterreducedestructuring
api

Asynchronicite

async function fetchData() {
  const response = await fetch('/api/data')
  const data = await response.json()
  return data
}
  • Promiseoperation qui se termine plus tard
  • async/awaitsyntaxe lisible pour attendre un resultat
  • try/catchcapture les erreurs
dom

DOM

const el = document.querySelector('.message')
el.textContent = 'Hello'

button.addEventListener('click', () => {
  alert('clic')
})
es

ES6+

  • Template literals : `Bonjour ${nom}`
  • Spread/rest : ...items
  • Modules : import / export
  • Classes : class MaClasse {}
ok

Bonnes pratiques

  • Utiliser const par defaut.
  • Eviter de polluer l'espace global.
  • Preferer async/await aux callbacks imbriques.
  • Nommer clairement variables et fonctions.