es6 · ES6 Basics

String interpolation is a much-needed new feature that is finally available in JavaScript. See the example below. Is there anything wrong with it?

let name = 'Harry';
let occupation = 'wizard';
console.log(`Hi! My name is ${name}. I'm a ${occupation}.`);

Answers

Nothing wrong with the example. This is how the feature works in ES6.
The example is wrong. You can't break a String into lines in JavaScript.
The example is wrong. You can't embed variables in String in JavaScript.
None of the above.

# Understanding String Interpolation in JavaScript ES6 ES6 (also known as ECMAScript 2015) brought many much-needed features and improvements to JavaScript, making the language more powerful and easier to use. String interpolation is one of these significant advancements. The JSON quiz question example indicates correct usage of this feature. To elaborate further, string interpolation is a process of substituting the values of variables into placeholders in a string. In JavaScript ES6, this is accomplished by using **template literals**, denoted by the ` `` ` (back-tick) characters. In the template literals, you can embed expressions (variables, arithmetic operations, functions, etc.) using `${}` syntax. Consider the JSON quiz question's code snippet as an example: ```javascript let name = 'Harry'; let occupation = 'wizard'; console.log(`Hi! My name is ${name}. I'm a ${occupation}.`); ``` In this code, `${name}` and `${occupation}` are placeholders in which the values of variables `name` and `occupation` are dynamically inserted at runtime. This string construction technique is more intuitive and easier to read than the traditional string concatenation. Note, string interpolation using template literals is not limited to single line strings. You can also create multi-line strings with ease, which was a tricky aspect in pre-ES6 era. For example: ```javascript let name = 'Harry'; let occupation = 'wizard'; console.log(`Hi! My name is ${name}. I'm a ${occupation}.`); ``` The output will be: ``` Hi! My name is Harry. I'm a wizard. ``` Another useful feature of template literals is tag functions, which allow you to parse template literals with a function, offering more flexibility. In conclusion, string interpolation is a powerful feature in JavaScript ES6, providing a more readable syntax and dynamic string construction functionality. It's well worth incorporating into your string handling practices!