¿Qué significa ${} (signo de dólar y llaves) en una cadena en JavaScript?
No he visto nada aquí ni en MDN. Estoy seguro de que me estoy perdiendo algo. Tiene que haber alguna documentación sobre esto en alguna parte.
Funcionalmente, parece que le permite anidar una variable dentro de una cadena sin realizar una concatenación utilizando el +operador. Estoy buscando documentación sobre esta característica.
Ejemplo:
var string = 'this is a string';
console.log(`Insert a string here: ${string}`);
Estás hablando de literales de plantilla , que utilizan comillas invertidas (`), a diferencia de las comillas convencionales.
Permiten tanto cadenas multilínea como interpolación de cadenas.
Cadenas multilínea:
console.log(`foo
bar`);
// foo
// barInterpolación de cadenas:
var foo = 'bar';
console.log(`Let's meet at the ${foo}`);
// Let's meet at the bar
Puede tener expresiones dentro de las cadenas/literales de la plantilla. Ejemplo:
const one = 1;
const two = 2;
const result = `One add two is ${one + two}`;
console.log(result); // output: One add two is 3
También puede realizar conversiones de tipos implícitas con literales de plantilla. Ejemplo:
let fruits = ["mango","orange","pineapple","papaya"];
console.log(`My favourite fruits are ${fruits}`);
// My favourite fruits are mango,orange,pineapple,papaya
Se utiliza para hacer referencia a una variable dentro de una cadena:
let someVar = "World!"
console.log(`Hello ${someVar}`); // Output is Hello World!
