Plantillas literales en JavaScript

Interpolación, cadenas multilínea y la forma etiquetada.

const lang = "javascript";
const steps = 45;

console.log(`${lang} has ${steps} steps, ${steps > 40 ? "enough" : "few"}`);
console.log(`line one
line two`);

function highlight(strings, ...values) {
  return strings.reduce(
    (out, part, i) => out + part + (i < values.length ? `[${values[i]}]` : ""),
    "",
  );
}

console.log(highlight`practicing ${lang} for ${steps} steps`);

Cómo funciona

${} acepta cualquier expresión, no solo una variable.
Una cadena con backticks conserva sus saltos de línea.
Una función etiqueta recibe las cadenas y los valores por separado.

Palabras clave y builtins usados aquí

const
function
return

El intento, en números

Líneas: 15
Caracteres a escribir: 370
Tokens: 115
Ritmo de tres estrellas: 85 tpm

Al ritmo de tres estrellas de 85 tokens por minuto, este intento toma unos 81 segundos.

Escribe este fragmento

Paso 2 de 5 en Texto; paso 7 de 43 en Fundamentos del lenguaje.

← Anterior Siguiente →