javascriptstringvariablesconcatenation

What does ${} (dollar sign and curly braces) mean in a string in JavaScript?

I haven't seen anything here or on MDN. I'm sure I'm just missing something. There's got to be some documentation on this somewhere.

Functionally, it looks like it allows you to nest a variable inside a string without doing concatenation using the + operator. I'm looking for documentation on this feature.

Example:

var string = 'this is a string';

console.log(`Insert a string here: ${string}`);

Solution

  • You're talking about template literals, which use backquotes (`), as opposed to conventional quotation marks.

    They allow for both multiline strings and string interpolation.

    Multiline strings:

    console.log(`foo
bar`);
// foo
// bar

    String interpolation:

    var foo = 'bar';
console.log(`Let's meet at the ${foo}`);
// Let's meet at the bar