Literali del modello JavaScript

Un nuovo elemento aggiunto in ES6 è il modello letterale. È un nuovo tipo per la creazione di stringhe in JavaScript che aggiunge diverse nuove importanti funzionalità, come la possibilità di creare stringhe multilinea e includere un'espressione in una stringa. Come sviluppatore, tutte queste funzionalità possono migliorare le tue capacità di manipolare le stringhe e consentire di creare stringhe dinamiche.

Questo post illustrerà i letterali del modello e come usarli in JavaScript.

Quali sono i letterali del modello JavaScript (stringhe modello)?

"Letterali modello"Sono comunemente noti come"Stringhe modello". Sono circondati dal reietto (") carattere, rispetto alle citazioni nelle stringhe. I suoi segnaposto sono indicati dal segno del dollaro "$"E BRETTERE CULLI Piace "$ espressione"È accettabile nei letterali dei modelli. Se vuoi usare un'espressione, puoi metterla in "$ espressione"Box all'interno dei backticks.

Un modello letterale è una versione migliorata di una stringa JavaScript standard. Le sostituzioni fanno una distinzione significativa tra un modello letterale e una stringa ordinaria. È possibile integrare variabili ed espressioni in una stringa usando sostituti. Queste variabili ed espressioni avranno i loro valori sostituiti automaticamente dal motore JavaScript.

Sintassi

Utilizzare la sintassi seguente per dichiarare una singola stringa usando i letterali del modello:

'String Testo'

Per più righe, seguire la sintassi data:

'stringa riga di testo 1
riga di testo stringa

Se si desidera aggiungere espressione all'interno dei backticks, viene utilizzata la seguente sintassi:

'String text $ espressione String Testo'

Dai un'occhiata ai seguenti esempi per sviluppare una migliore comprensione del concetto dichiarato.

Esempio 1: dichiarare una stringa a riga singola usando i letterali del modello JavaScript

Di solito, per creare una stringa, è necessario utilizzare un singolo o doppio, ma in letterali modello, è possibile creare una stringa come segue:

console.log ('linuxhint');

L'output mostra che funziona allo stesso modo come la semplice creazione di puntura con l'aiuto di citazioni singole o doppie:

Esempio 2: dichiarare stringa multilinea usando i letterali del modello JavaScript

Normalmente, per la stampa di più righe, utilizziamo l'operatore di concatenazione (+) e per aggiungere una nuova linea, (\ n) può essere utilizzato, che spesso può rendere il codice complesso:

console.Log ("Benvenuti al Linuxhint.\ n " +" il miglior sito Web per le capacità di apprendimento.");

Durante l'utilizzo dei letterali Template, è possibile avviare una nuova riga premendo ENTER dalla tastiera nel blocco Backticks:

console.registro ('Benvenuti al Linuxhint.
Il miglior sito Web per le capacità di apprendimento.');

Produzione

Esempio 3: stringa con sostituzioni di espressione

Qui, prima creeremo due variabili "X" E "y", Con i valori"20" E "15"Rispettivamente:

var x = 20;
var y = 15;

Quindi, crea una variabile "somma"Per aggiungere il"X" E "y":

var sum = x + y;

Se si desidera aggiungere due numeri e visualizzare la somma di questi numeri sulla console, normalmente, è necessario per concatenare le stringhe e le variabili in formato stringa normale che spesso crea un disastro per utilizzare ripetutamente citazioni singole o doppie con le stringhe e unirsi tra loro e con le variabili usando (+)

console.log ("somma di x" + x + "e" + y + "è" + somma);

Mentre, usando i letterali del modello, devi solo specificare le stringhe con variabili come espressione all'interno del "$ "In Backtick Block:

console.log ('somma di x $ x e y $ y è $ sum');

Produzione

Abbiamo raccolto tutte le informazioni essenziali relative ai letterali del modello.

Conclusione

"Letterali modello", conosciuto anche come "Stringhe modello", È una versione migliorata di una stringa JavaScript standard circondata dal backtick (") carattere, rispetto alle citazioni nelle stringhe. Permette la creazione di stringhe a linea singola e multipla senza l'uso dell'operatore di concatenazione e include un'espressione in una stringa. Questo post ha discusso dei letterali modello in JavaScript con esempi spiegati.