ES6 Template Strings

Template strings introduce an additional way to write a string.

See the Pen d959c5f694f72415d1a9459f597ebd72 by Deano (@deangilewicz) on CodePen.

It also allows for interpolation.

See the Pen thecodelog.com - ES6 Template Strings 2 by Deano (@deangilewicz) on CodePen.

Here is another example using objects.

See the Pen thecodelog.com - ES6 Template Strings 3 by Deano (@deangilewicz) on CodePen.

Template strings allow you to write multiple lines without having to use the addition (+) operator.

See the Pen thecodelog.com - ES6 Template Strings 4 by Deano (@deangilewicz) on CodePen.

You are able to nest template strings inside of each other.

See the Pen thecodelog.com - ES6 Template Strings 5 by Deano (@deangilewicz) on CodePen.

You can also run functions.

See the Pen thecodelog.com - ES6 Template Strings 6 by Deano (@deangilewicz) on CodePen.

Another feature that template strings has is the ability for tagging. When using a tag function be aware that the “strings” array will always be one greater than the “values”.

See the Pen thecodelog.com - ES6 Template Strings 7 by Deano (@deangilewicz) on CodePen.