Cotizaciones en JavaScript

Una descripción general de las citas permitidas en JavaScript y sus características únicas.

JavaScript le permite utilizar 3 tipos de citas:

  • comillas simples
  • doble comillas
  • comillas invertidas

Los primeros 2 son esencialmente los mismos:

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

Hay poca o ninguna diferencia en el uso de uno u otro. La única diferencia radica en tener que escapar del carácter de cita que usas para delimitar la cadena:

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

Hay varias guías de estilo que recomiendan usar siempre un estilo frente al otro.

Personalmente, prefiero las comillas simples todo el tiempo y uso comillas dobles solo en HTML.

Las comillas inversas son una adición reciente a JavaScript, ya que se introdujeron con ES6 en 2015.

Tienen una característica única: permiten cadenas de varias líneas.

Las cadenas de varias líneas también son posibles usando cadenas regulares, usando caracteres de escape:

const multilineString = 'A string\non multiple lines'

Usando comillas invertidas, puede evitar usar un carácter de escape:

const multilineString = `A string
on multiple lines`

No solo eso. Puede interpolar variables usando el${}sintaxis:

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

Cubro las cadenas impulsadas por comillas inversas (llamadas literales de plantilla) en un artículo separado, que se sumerge más en los detalles esenciales.


Más tutoriales de js: