Literales de plantilla de JavaScript

Un nuevo elemento agregado en ES6 es la plantilla literal. Es un nuevo tipo para crear cadenas en JavaScript que agrega varias características nuevas importantes, como la capacidad de crear cadenas de múltiples líneas e incluir una expresión en una cadena. Como desarrollador, todas estas características pueden mejorar sus habilidades para manipular cuerdas y permitirle crear cadenas dinámicas.

Esta publicación ilustrará literales de plantilla y cómo usarlos en JavaScript.

¿Cuáles son los literales de plantilla de JavaScript (cadenas de plantilla)?

"Literales de plantilla"Se conocen comúnmente como"Cadenas de plantilla". Están rodeados por el backtick (") personaje, en comparación con las citas en las cuerdas. Sus marcadores de posición son denotados por el signo de dólar "ps", Y frenos rizados como "$ expresión"Es aceptable en literales de plantilla. Si desea usar una expresión, puede ponerla en el "$ expresiónBox dentro de los backticks.

Una plantilla literal es una versión mejorada de una cadena de JavaScript estándar. Las sustituciones hacen una distinción significativa entre una plantilla literal y una cadena ordinaria. Puede integrar variables y expresiones en una cadena utilizando sustitutos. Estas variables y expresiones tendrán sus valores reemplazados automáticamente por el motor JavaScript.

Sintaxis

Use la siguiente sintaxis para declarar una sola cadena usando literales de plantilla:

'Texto de cadena'

Para múltiples líneas, siga la sintaxis dada:

'Cadena de texto de texto 1
Línea de texto de cadena

Si desea agregar expresión dentro de los backticks, se usa la siguiente sintaxis:

'String Text $ Expression String Text'

Consulte los siguientes ejemplos para desarrollar una mejor comprensión del concepto declarado.

Ejemplo 1: Declare una cadena de una sola línea usando literales de plantilla de JavaScript

Por lo general, para crear una cadena, se requiere usar una sola o doble citas, pero en los literales de plantilla, puede crear una cadena de la siguiente manera:

consola.log ('Linuxhint');

La salida muestra que funciona igual al igual que la picadura de creación simple con la ayuda de citas simples o dobles:

Ejemplo 2: Declarar cadena de múltiples líneas usando literales de plantilla de JavaScript

Normalmente, para imprimir múltiples líneas, usamos el operador de concatenación (+) y para agregar una nueva línea, (\ n) se puede utilizar, que a menudo puede hacer que el código sea complejo:

consola.Log ("Bienvenido al Linuxhint.\ n " +" El mejor sitio web para habilidades de aprendizaje.");

Mientras que para usar literales de plantilla, puede iniciar una nueva línea presionando Enter desde el teclado en el bloque de retroceso:

consola.Log ('Bienvenido al Linuxhint.
El mejor sitio web para habilidades de aprendizaje.');

Producción

Ejemplo 3: cadena con sustituciones de expresión

Aquí, primero crearemos dos variables "X" y "Y", Con los valores"20" y "15", Respectivamente:

var x = 20;
var y = 15;

Luego, cree una variable "suma"Por agregar el"X" y "Y":

var suma = x + y;

Si desea agregar dos números y mostrar la suma de estos números en la consola, normalmente, se requiere concatenar las cadenas y variables en formato de cadena regular que a menudo crea un desastre para usar citas simples o dobles repetidamente con las cadenas y unirse a ellas entre sí y con las variables usando (+)

consola.log ("suma de x" + x + "y" + y + "es" + suma);

Mientras, utilizando los literales de plantilla, solo debe especificar las cadenas con variables como una expresión dentro del "ps"En el bloque de retroceso:

consola.log ('suma de x $ x e y $ y es $ sum');

Producción

Hemos reunido toda la información esencial relacionada con los literales de plantilla.

Conclusión

"Literales de plantilla", también conocido como "Cadenas de plantilla", Es una versión mejorada de una cadena JavaScript estándar rodeada por el retroceso (") personaje, en comparación con las citas en las cuerdas. Permite la creación de cuerdas de una sola línea y múltiples sin el uso del operador de concatenación e incluye una expresión en una cadena. Esta publicación ha discutido literales de plantilla en JavaScript con ejemplos explicados.