javascript - 如何在同一行中使用 console.log(或其他命令)命令在控制台中添加一些文字？

Question

如何在同一行中使用console.log(或其他命令)命令在控制台中打印一些文字？

例如:

print 1;
print 2;
print 3;

控制台输出:123

Answer 1

假设我理解正确，您需要一个等效于 C# 的 Console.Write 的 JavaScript，它将 (a) 个字符附加到最后一行。

那是不可能的。

一旦某些内容被记录到控制台，您就无法再访问它。您不能“追加”到记录的行，也不能更改它。

---

也就是说，您可以编写一个包装器来模拟这种行为:

let logTimeout;        // Keep track of the pending timeout
let logArguments = []; // Keep track of the passed loggable arguments


function log(...args) {
  if (logTimeout) {
    logTimeout = clearTimeout(logTimeout);  // Reset the timeout if it's pending.
  }

  logArguments = logArguments.concat(args); // Add the new arguments.
  
  logTimeout = setTimeout(() => {           // Log all arguments after a short delay.
    console.log(...logArguments);
    logArguments.length = 0;
  });
}

log(1);
log(2);
log(3);
log("foo");
log("bar");
log({crazy: "stuff"});

setTimeout(() => {
  log(4);
  log(5);
  log(6);
  log("baz");
  log("woo");
  log([{crazier: "stuff"}]);
}, 500);

请注意，此记录器是异步的。这意味着调用 log 的代码将在实际记录某些内容之前运行完成。