Template String con TypeScript

Los template string con TypeScript nos permite el crear plantillas de cadenas en las que podemos intercalar texto con otras variables, de tal manera que a la hora de mostrar el contenido de la cadena se combinará obteniendo como resultado una cadena.

Para definir un template string con TypeScript lo primero que deberemos de hacer es definir una variable de tipo string.

let mensaje:string;

Hay que observar que utilizamos la sentencia let para definir la variable.

Las cadenas de texto para que sean un template string con TypeScript deben de tener el contenido entre dos caracteres `.

let mensaje:string = `Esto es el contenido`;

Ahora lo que vamos a hacer es definir otra variable, en este caso un número:

let lado:number = 2;

Para declarar variables de tipo numérico utilizamos el tipo de dato básico number.

Y lo siguiente será ingresar el contenido de esta nueva variable dentro de la cadena.

let mensaje:string = `Cuadrado de lado ${lado}`;

Vemos que para poder utilizar la variable nos apoyamos en la estructura:

${variable}

Además de usar directamente la variable, podemos utilizar una expresión que utilice la variable:

${expresión}

Así podríamos definir la siguiente template string con TypeScript utilizando una variable y una expresión.

let mensaje:string = `Un cuadrado de lado ${lado} tiene como área ${lado*2}`;

Cómo se puede ver, el uso de template string con TypeScript nos ayuda mucho a la hora de poder manipular las cadenas de texto y componer mensajes.

Publicaciones relacionadas:

Hola Mundo en TypeScript Tupla en TypeScript Variables de bloque en TypeScript Constantes en TypeScript Cadenas de múltiples líneas en TypeScript