#multiline strings

[codesolutionstuff]

JavaScript Template Literals Explained

New Post has been published on https://www.codesolutionstuff.com/javascript-template-literals-explained/

JavaScript Template Literals Explained

In contrast to ES5 and earlier, the new ES2015/ES6 feature known as Template Literals enables you to work with strings in a novel manner. A template literals is a special kind of string literal that allows us to embed expressions within them. This makes it possible to dynamically generate text

[obscurejavascript]

Multi-line Join Strings

Multi-line strings can be annoying in JavaScript. When in environments that support most ES6 features like Node.js, template literals can be used. But there are some situations where using transpilers is not practical and concatenated strings must be used. Fortunately, there join can be used instead of using string concatenation. Here is the comparison:

var firstName = 'Wealth', lastName = 'Jefferson'; var message = 'Hello ' + firstName + ' ' + lastName + ',\n\nAt Aramco, '; message += 'we realize how busy your time is. Which is why we are '; message += 'offering you a one time once-in-a-lifetime discount on '; message += 'new Jet Planes.'; console.log(message); // Hello Wealth Jefferson,...

vs

var message = ['Hello ', firstName, ' ', lastName, ',\n\nAt Aramco, we ', 'realize how busy your time is. Which is why we are ', 'offering you a one time once-in-a-lifetime discount ', 'on new Jet Planes.'].join(''); console.log(message); // Hello Wealth Jefferson,...

And here is the template literal for comparison (assuming the line break is on column 70):

var message = ` Hello ${firstName} ${lastName}, At Aramco, we realize how busy your time is. Which is why we are offering you a one time once-in-a-lifetime discount on new Jet Planes`.trim(); console.log(message); // Hello Wealth Jefferson,...

Github Location: https://github.com/Jacob-Friesen/obscurejs/blob/master/2016/multiLineJoinString.js