Literales de plantilla de JavaScript
Sinónimos:
- Literales de plantilla
- Cadenas de plantilla
- Plantillas de cadena
- Sintaxis de Back-Tics
Sintaxis de Back-Tics
Los literales de plantilla usan comillas invertidas (``) en lugar de comillas ("") para definir una cadena:
Ejemplo
let text = `Hello World!`;
Cotizaciones dentro de cadenas
Con los literales de plantilla , puede usar comillas simples y dobles dentro de una cadena:
Ejemplo
let text = `He's often called "Johnny"`;
Cadenas multilínea
Los literales de plantilla permiten cadenas de varias líneas:
Ejemplo
let text =
`The quick
brown fox
jumps over
the lazy dog`;
Interpolación
Los literales de plantilla proporcionan una manera fácil de interpolar variables y expresiones en cadenas.
El método se llama interpolación de cadenas.
La sintaxis es:
${...}
Sustituciones de variables
Los literales de plantilla permiten variables en cadenas:
Ejemplo
let firstName = "John";
let lastName = "Doe";
let text = `Welcome ${firstName}, ${lastName}!`;
La sustitución automática de variables por valores reales se denomina interpolación de cadenas .
Sustitución de expresiones
Los literales de plantilla permiten expresiones en cadenas:
Ejemplo
let price = 10;
let VAT = 0.25;
let total = `Total: ${(price * (1 + VAT)).toFixed(2)}`;
El reemplazo automático de expresiones con valores reales se denomina interpolación de cadenas .
Plantillas HTML
Ejemplo
let header = "Templates Literals";
let tags = ["template literals", "javascript", "es6"];
let html = `<h2>${header}</h2><ul>`;
for (const x of tags) {
html += `<li>${x}</li>`;
}
html += `</ul>`;
Compatibilidad con navegador
Template Literals es una característica de ES6 (JavaScript 2015).
Es compatible con todos los navegadores modernos:
| Chrome | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes |
Template Literals no es compatible con Internet Explorer.
Referencia de cadena completa
Para obtener una referencia completa de String, vaya a nuestro:
Referencia completa de cadenas de JavaScript .
La referencia contiene descripciones y ejemplos de todas las propiedades y métodos de cadenas.