Basic interpolation
In basic interpolation, variables are directly inserted into the template string using ${} syntax. The expression inside ${} is evaluated, and its result is embedded into the string.
Syntax:
`string text ${expression} string text`
Example: This example shows the basic interpolation by combining the name and age in a single string using the ${} syntax.
const name = "Geeks";
const age = 30;
const message =
`Hello, my name is ${name} and I am ${age} years old.`;
console.log(message);
Output
Hello, my name is Geeks and I am 30 years old.
What is $ {} in JavaScript ?
In JavaScript, the ${} syntax is used within template literals, also known as template strings. Template literals, introduced in ECMAScript 6 (ES6), provide a convenient way to create strings with embedded expressions.
They are enclosed within backticks (`) instead of single quotes (”) or double quotes (“). Template literals support multi-line strings and allow for easy interpolation of variables and expressions within the string.
Table of Content
- Basic interpolation
- Advanced interpolation