es5 string vs es6 template string

es5.js

Renderer.prototype.image = function(href, title, text) {
  var out = '<img src="' + href + '" alt="' + text + '"';
  if (title) {
    out += ' title="' + title + '"';
  }
  out += this.options.xhtml ? '/>' : '>';
  return out;
};

es6.js

Renderer.prototype.image = function(href, title, text) {
  return (
    `<img src="${href}" alt="${text}"` +
    `${title ? ` title="${title}"` : ``}` +
    `${this.options.xhtml ? "/>" : ">"`
  )
}

Doesn't this work:

Renderer.prototype.image = function(href, title, text) {
  return `
    <img src="${href}" alt="${text}"
    ${title ?  ` title="${title}"` : ``}
    ${this.options.xhtml ? "/>" : ">"}
  `;
}

?

Yes but it add extra whitespace I don't want :)

it is not an extra whitespace, it renders this as \n\t (CRLF) which is on Windows.
if you try and print the literal it will be normal