porqué a veces usa “” y a veces usa ``, a pesar de que ambas variables son string??

Hola, Alex. 👋

Es una buena pregunta.

Al usar comillas, ya sea simples (

) o dobles (), se obtiene un string normal.

const hello = "Hola";
const world = "mundo";

Pero suele ser más complicado manejar concatenaciones con comillas dobles.

const saludo = hello + ", " + world;
console.log(saludo);

Se coloca el espacio para que las dos palabras no terminen pegadas.

Por otro lado, se usan template literals para manejar estas concatenaciones de una manera más legible y manejar los espacios más simplemente.

const hello = "Hola";
const world = "mundo";

const saludo = `${hello}, ${world}`;
console.log(saludo);

Esto hace que no tengamos que poner tantos

cuando tengamos que concatenar muchas variables.