Javascript 如何使js代码更整洁？

我有一个正在运行的js程序

function tic() {

    h = new Date().getHours().toString();
    m = new Date().getMinutes().toString();
    s = new Date().getSeconds().toString();

    t = `${h} ${m} ${s}`;

    document.getElementById("magic").innerHTML = t;
    console.log(t)           
}

setInterval(tic, 1000);

所以我想让它变得更好，像这样

  function clock(i) {
    new Date.i.toString();
  }
    h = getHours
    m = getMinutes 
    s = getSeconds
    console.log(`${i.h} ${i.m} ${i.s}`)

但它也应该起作用

---

---

这就是我想要的；）

假设

i

是一个日期字符串，您可以这样做：

 function clock(i) {
    i = new Date(i);
    var t = `${i.getHours()} ${i.getMinutes()} ${i.getSeconds()}`;
 }

尽管我建议使用更好的变量名。您不需要调用

toString（）

，因为js解释器会将字符串literal

${}

中的任何内容强制为字符串

如果您只想获取当前日期/时间

 function clock() {
    i = new Date();
    return `${i.getHours()} ${i.getMinutes()} ${i.getSeconds()}`;
 }

 var t = clock();

---

您可以执行相同的

document.getElementById（“magic”）.innerHTML=t以显示该数据。如果你把jQuery添加到你的项目中，你甚至可以使它更干净，并且说“代码> $'（'So'Value'）。有什么问题？用代码LTEN进行代码审查，考虑站点。你不调用时钟，你应该使用括号表示法，而不是在多个Posies中使用点符号。罗比：太多了！最后，简洁明了。jQuery不，我需要先学习js=）当然，不要限制自己太多jQuery非常有用，而vanilla js在生产环境中使用不多。如果您有任何问题，请告诉我。哦，我建议jQ是一种绝妙的方式，但好的，我会尝试，呵呵，再次感谢！还有一件事=）为什么是console.log（clock（）或clock.t）；是未定义的吗？返回是一个键）我明白了！
 function clock() {
    i = new Date();
    return `${i.getHours()} ${i.getMinutes()} ${i.getSeconds()}`;
 }

 var t = clock();