tengo una pregunta: es la primera vez que veo que un profe use ${} (signo pesos y las llaves []) para un string y una variable concatenad...

Pregunta de la clase:
Loops: While
Alvaro Andres Alfonso Rodriguez

Alvaro Andres Alfonso Rodriguez

Pregunta
studenthace 4 años

tengo una pregunta: es la primera vez que veo que un profe use ${} (signo pesos y las llaves []) para un string y una variable concatenada Ej (´Hola, ${estudiante}´); yo normalmente uso: “Hola” + estudiante; (con comillas dobles y el signo + para concatenar)… puedo continuar haciendolo a mi modo o por obligacion tengo que hacerlo como el profe… cual es la diferencia…

3 respuestas
para escribir tu comentario
    Mauricio Gonzalez Falcon

    Mauricio Gonzalez Falcon

    studenthace 4 años

    También es importante que si trabajas con un equipo, tengan una forma de concatenar las variables similar.

    Marlon Gómez

    Marlon Gómez

    studenthace 4 años

    Hola Álvaro, añadiendo a lo que mencionó Sura, esto es algo que se conoce como Syntactic Sugar (Azúcar sintáctico), básicamente significa que podrás hacer algo de una forma más agradable y legible tanto para ti, como para otros desarrolladores que lean tú código. Entonces la cuestión es que podrías seguir haciéndolo a tu manera, no es obligación hacerlo como lo hace el profe, sin embargo, por buenas prácticas de desarrollo deberías escribir código legible.

    Sura Naileth Cedeño Lopez

    Sura Naileth Cedeño Lopez

    Team Platzihace 4 años

    Hola Alvaro :wave: Eso es lo que se conoce como interpolación de cadenas en JavaScript. Se añadió en ECMAScript 6 (ES6).

    Puedes ver un ejemplo de interpolación de cadena utilizando plantillas literales en el siguiente código:

    Puedes ver un ejemplo de interpolación de cadena utilizando plantillas literales en el siguiente código:

    const edad = 4.5; const edadTierra = `Se estima que la Tierra tiene ${edad} mil millones de años.`; console.log(edadTierra);

    En primer lugar, puedes ver que estamos usando comillas invertidas `` para crear las plantillas literales. El formato ${marcador} nos permite insertar un valor dinámico en la cadena. Todo lo que hay dentro ${} es evaluado como JavaScript. Por ejemplo, podríamos escribir Se estima que la Tierra tiene ${edad + 10} mil millones de años., y funcionaría como si hiciéramos const edad = 4.5 + 10;. Si lo hacemos así como lo venías haciendo:

    const edadTierra = "Se estima que la Tierra tiene " + edad + " mil millones de años.";

    Como puedes ver, se utilizan demasiadas comillas para una simple cadena. Imagina que tengamos que insertar múltiples variables. Puede transformarse rápidamente en una cadena compleja que no es muy legible. Por lo tanto, las plantillas literales hacen que las cadenas sean más limpias y legibles.

    Espero te haya quedado claro, me cuentas como te va :D

Curso Básico de JavaScript [Empieza Gratis]

Curso Básico de JavaScript [Empieza Gratis]

Conoce los conceptos clave del lenguaje de programación que se está comiendo al mundo. Aprende qué es una variable, una función, un objeto y dónde se guardan esos valores. Descubre qué es Scope y cómo se utilizan los loops. Obtén las herramientas para saber cómo tomar decisiones y validar acciones. En este curso, darás el primer paso para empezar tu carrera como desarrollador.

Curso Básico de JavaScript [Empieza Gratis]
Curso Básico de JavaScript [Empieza Gratis]

Curso Básico de JavaScript [Empieza Gratis]

Conoce los conceptos clave del lenguaje de programación que se está comiendo al mundo. Aprende qué es una variable, una función, un objeto y dónde se guardan esos valores. Descubre qué es Scope y cómo se utilizan los loops. Obtén las herramientas para saber cómo tomar decisiones y validar acciones. En este curso, darás el primer paso para empezar tu carrera como desarrollador.