Citations en JavaScript

Un aperçu des citations autorisées en JavaScript et de leurs caractéristiques uniques

JavaScript vous permet d'utiliser 3 types de citations:

  • Guillemets simples
  • double citation
  • backticks

Les 2 premiers sont essentiellement les mêmes:

const test = 'test'
const bike = "bike"

Il y a peu ou pas de différence dans l'utilisation de l'un ou de l'autre. La seule différence réside dans le fait d'avoir à échapper le caractère guillemet que vous utilisez pour délimiter la chaîne:

const test = 'test'
const test = 'te\'st'
const test = 'te"st'
const test = "te\"st"
const test = "te'st"

Il existe différents guides de style qui recommandent de toujours utiliser un style plutôt que l'autre.

Personnellement, je préfère tout le temps les guillemets simples et n'utilise que des guillemets doubles en HTML.

Les backticks sont un ajout récent à JavaScript, car ils ont été introduits avec ES6 en 2015.

Ils ont une caractéristique unique: ils autorisent les chaînes multilignes.

Les chaînes multilignes sont également possibles en utilisant des chaînes régulières, en utilisant des caractères d'échappement:

const multilineString = 'A string\non multiple lines'

En utilisant des backticks, vous pouvez éviter d'utiliser un caractère d'échappement:

const multilineString = `A string
on multiple lines`

Pas seulement ça. Vous pouvez interpoler des variables en utilisant le${}syntaxe:

const multilineString = `A string
on ${1+1} lines`

Je couvre les chaînes alimentées par des backticks (appelées littéraux de modèle) dans un article séparé, qui plonge davantage dans les moindres détails.

Téléchargez mon gratuitManuel du débutant JavaScript


Plus de tutoriels js: