{ "componentChunkName": "component---src-templates-blog-post-js", "path": "/template-literals-in-javascript/", "result": {"data":{"markdownRemark":{"html":"
\n\n
\n

Template literals were called template strings in the prior edition of the ES2015 specification.

\n

They allow embedded expressions.

\n

We can also use multi-line strings and string interpolation features with them.

\n

Synatx

\n
`string text`\n\n`string text line 1\nstring text line 2`\n\n`string text ${expression} string text`
\n

Template literals are enclosed by the backtick character.

\n

The placeholders inside template literals are indicated by the dollar sign and curly braces - ${expression}.

\n

Multi-line strings

\n

In order to get multi-line strings using normal strings, you would have to use the following syntax.

\n
console.log(“Hemanta  \\n” + “Sundaray”);\n\n// output\nHemanta\nSundaray
\n

With template literals, it's much more concise.

\n
console.log(`Hemanta\nSundaray`)\n\n// output\nHemanta\nSundaray
\n

Embedding expressions

\n

We can embed expressions inside normal strings using the following syntax.

\n
const nationality = “French”\n\nconsole.log(`Theo is  a ${nationality} citizen.`)\n\n// output\nTheo is a French citizen.
\n","frontmatter":{"title":"Template Literals in JavaScript","date":"2021-06-10"}}},"pageContext":{"slug":"/template-literals-in-javascript/","prev":{"fields":{"slug":"/how-to-create-a-hamburger-menu-using-gsap-and-react/"},"frontmatter":{"modules":null}},"next":{"fields":{"slug":"/understanding-semantic-versioning/"},"frontmatter":{"modules":null}}}}, "staticQueryHashes": ["3159585216"]}