Concatenación
Se trata de vincular dos strings para que se procesen juntos en alguna operación, por ejemplo concatenar dos variables para que se impriman en pantalla.
Esto se realiza con el símbolo "+", ya que al emplearse en una variable de tipo "String" este símbolo pasa de significar suma a indicar que dos cadenas de datos se concatenan, por lo tanto se trata de una funcionalidad del símbolo "+" que se realiza cuando este es empleado en cadenas de texto (String).
Ejemplo
Resultado
Forzar String para concatenar números
Como se puede intuir al intentar utilizar el símbolo "+" para concatenar dos números estos terminarán sumándose, no obstante en ocasiones puede llegar a ser necesario concatenarlos, para estos casos ya que JavaScript se trata de un lenguaje de tipado dinámico se puede forzar el tipo de dato String en los números, para así poder concatenarlos con "+".
Esto se puede realizar incluyendo una cadena de texto como tercer elemento en la concatenación, JavaScript al encontrarse con este choque en el tipo de dato, se basará en sus reglas internas para ajustar el tipo de dato de los números a string y así poder realizar la operación de forma exitosa.
En otras palabras para concatenar dos números y evitar que estos sean sumados basta con incluir dos comillas vacías, ya que esto cuenta como una cadena de texto (vacía) lo que se traduce como un dato String en la concatenación, de este modo el tipo de dato de los números cambiará y todos los datos se concatenarán, a su vez la cadena de texto al estar vacía no influirá en el resultado, de la siguiente forma:
Ejemplo
Resultado
De este modo se puede mantener el valor de los números como number, para operarlos y luego forzar el string para concatenarlos solo cuando es necesario.
Comillas invertidas y ${ }
Se trata de otra forma de concatenar elementos, en este caso haciendo uso de una función exclusiva de las comillas invertidas (``), ya que estas a diferencia de las comillas simples (' ') o dobles (" ") permiten incluir una variable dentro de una cadena de texto con el uso de los símbolos de Dólar ($) y las llaves ( { } ) para delimitar el inicio y final de la variable, de la siguiente forma.
Ejemplo
Resultado
