Javascript ES6风格的重构连接
我想以更好的方式重构这段代码,而不超过80个字符的行限制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.
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()}
`);