Javascript ES6风格的重构连接

Javascript ES6风格的重构连接,javascript,ecmascript-6,Javascript,Ecmascript 6,我想以更好的方式重构这段代码,而不超过80个字符的行限制 document.getElementById('latest-date').innerHTML = ( days[date.getDay() -1] + ' ' + date.getDate() + ' ' + months[date.getMonth()] + ', ' + date.getFullYear() + ' - ' + date.getHours() + ':' + date.

我想以更好的方式重构这段代码,而不超过80个字符的行限制

 document.getElementById('latest-date').innerHTML =
    (
      days[date.getDay() -1] + ' ' + date.getDate() + ' ' +
      months[date.getMonth()] + ', ' + date.getFullYear() + ' - ' +
      date.getHours() + ':' + date.getMinutes()
    );
我想使用,但我想当我转到newline以遵循字符限制时,它会自动添加
\n

当前代码的输出示例如下:

Thur 24 Aug, 2017 - 18:30

我认为应该这样做

您可以使用momentJS执行任何类型的日期显示,使用momentJSI要求ES6重构,因为我真的不想将JQuery添加到项目中。很好的解决方案,看起来不错,但不能直接回答我的问题。按照社区的建议,我还是将问题标记为重复问题。@这不使用jQuery。它使用的是模板文本。
$
是骗人的,但这与jQueryExactly@TinyGiant所说的无关。当您在backticks(``)中时,您可以使用${}输入一个javascript变量,它之外的任何内容都会呈现为HTML。这就是你可以删除所有+''+等的内容。-1:这正是你不想要的,它会在结果字符串中添加换行符。@Dave哇!我的错误。这实际上工作得很好,不像我想的那样使用JQuery。然而,我仍然不明白这为什么有效。
document.getElementById('latest-date').innerHTML = (`
  ${days[date.getDay() -1]} ${date.getDate()}
  ${months[date.getMonth()]}, ${date.getFullYear()} - 
  ${date.getHours()}:${date.getMinutes()}    
`);