ES 2015 Examples - Template literals

Template literals - example 1

Template literals use the backtick symbol ` ` in stead of the quotes ' ' or " " and allow for breaking over several lines and less need for escaping characters.

const helloWorld = {
  'name': 'Helloworld',
  'text': 'Hello from object!'
};
const hello = 'Hello from constant!';

result1.innerHTML = `
  Two hellos:<br>
  <br>
  One from an object: ${helloWorld.text}<br>
  And one from a variable: ${hello}`

RESULT Example 1

Template literals - example 2

Also great for HTML:

const props = {
  'style': 'font-weight:bold;color:#333;',
  'text': 'Hello from props.'
};

result2.innerHTML = `<span style="${props.style}">${props.text}</span>`

RESULT Example 2