JavaScript

Modifier cette page sur Github

Voici quelques informations sur les angliscismes usuels utilisés dans le contexte de JavaScript.

Ces mots n'ont pas de réelle traduction en français, ou alors celle-ci n'est que très rarement utilisée. Nous préférons donc laisser leur version anglaise dans la documentation pour rester au plus près de l'usage courant.

Cette section de glossaire est spécifique à la documentation française de Svelte, et n'existe pas dans la documentation officielle.

Bubble / Capturepermalink

Bubblepermalink

Bientôt...

Capturepermalink

Bientôt...

Event listenerpermalink

Un event listener est une fonction conçue pour être exécutée lorsqu'un événement est déclenché.

Par exemple, on peut utiliser un event listener pour changer la couleur d'un bouton (fonction) lorsqu'on clique dessus.

<!-- HTML -->
<button onclick="() => console.log('Click !')">
  Clic
</button>

ts
// JavaScript
const element = document.createElement('button');
 
element.onclick = () => console.log('Click !')
// ou
element.addEventListener('click', () => console.log('Click !'))

 <!-- Svelte -->
<button on:click={() => console.log('Click !')}>
  Clic
</button>

Plus d'infos sur les event listeners sur le site de MDN.

Event dispatcherpermalink

Bientôt...

Falsy / Truthypermalink

Falsypermalink

Une valeur est dite falsy si celle-ci peut être interprétée comme équivalente (et non pas égale) à false.

Les valeurs falsy sont:

• false
• 0
• -0
• 0n (0 en BigInt)
• "" (chaîne de caractère vide)
• null
• undefined
• NaN
• document.all

Si une valeur est falsy, alors sa double négation renvoie la valeur false.

ts
!!0 // false
!!null // false
!!undefined // false
// ...

Plus d'infos sur les valeurs falsy sur le site de MDN (en anglais).

Truthypermalink

Une valeur est dite truthy si celle-ci n'est pas falsy. Toutes les valeurs qui ne sont pas celles listées juste au-dessus sont donc truthy.

Si une valeur est truthy, alors sa double négation renvoie la valeur true.

ts
!!1 // true
!!{} // true
!!'dsds' // true
// ...

Plus d'infos sur les valeurs truthy sur le site de MDN.

Genericpermalink

Bientôt...

Inlinepermalink

L'adjectif inline désigne le fait de définir du style, une condition, une fonction ou un composant sur une seule ligne. Toutes ces fonctionnalités ne sont pas permises nativement en Javascript. Certaines sont apportées par les frameworks de développement, comme Svelte.

Exemples :

ts
// fonction inline
const saluer = (nom: string) => console.log(`Salut ${nom} !`)
 
function saluer(nom: string) {
  // condition inline
  if (!nom) return;
 
  // traitement
}

<!-- style inline en HTML ou en Svelte -->
<div style="margin: 8px;"/>

<!-- autre manière d'écrire du style inline en Svelte -->
<div style:margin="8px"/>

Nullishpermalink

Une valeur nullish est une valeur qui est null ou undefined.

null et undefined sont deux valeurs qui représentent toutes les deux l'absence de valeur. Ce sont des valeurs différentes (null !== undefined), mais équivalentes (null == undefined). Pour pouvoir faire référence aux deux, on utilise le terme nullish.

Pour en savoir plus sur la différence entre null et undefined, vous pouvez par exemple lire ceci (en anglais).

Polyfillpermalink

Bientôt...

Shadow DOMpermalink

Bientôt...