Long, single line ES6 string literal

Question

The google is full of blog posts and answers to question how one should benefit from ES6 string literals. And almost every blog post explaining this feature in depth has some details on how to implement multiline strings:

let a = `foo
bar`;

But i can not find any details on how to implement long single line strings like the following:

let a = `This is a very long single line string which might be used to display assertion messages or some text. It has much more than 80 symbols so it would take more then one screen in your text editor to view it. Hello ${world}`

Any clues or workarounds or should a one stick to the es3 strings instead?

Answer 1

You can go on a new line with a string using \. The newline character (\n) will not appear in the string itself.

let a = `This is a very long single line string which might be used \
to display assertion messages or some text. It has much more than \
80 symbols so it would take more then one screen in your text \
editor to view it. Hello ${world}`

Pay attention not to indent your string though or the indentation will be in the string:

let a = `Hello\
         World`;

a === 'Hello         World' // true

Answer 2

Just to add to Gpx answer: you can keep your indentation with this library.

import {oneLineTrim} from 'common-tags'

oneLineTrim`
  https://news.com/article
  ?utm_source=designernews.com
`)
// https://news.com/article?utm_source=designernews.com