间隔后如何出现console.log或提示

Question

我console.log()在一个简单的程序中使用console.log("Welcome");var name = prompt("What is your name?");console.log("Hello" + name);但是提示出现在欢迎消息之前。有没有办法按顺序排列这些消息，或者有替代方法。我希望在提示之前出现“欢迎”消息，但是这不会发生，并且提示会在破坏程序流之前出现。

Answer 1

一种可能的方式来实现你追求的是使用使用Promise与async/await该后将解决setTimeout调用完成。这样，您可以使自己的“睡眠”类函数，从而在提示用户之前“暂停”程序：

const sleep = t => new Promise(res => setTimeout(res,t));

(async _ => {

  console.log("Welcome");

  await sleep(1); // sleep for 1 milisecond

  var name = prompt("What is your name?");

  console.log("Hello " + name);

})();

或者，您可以将其alert()用作输出，而不是使用console.log()：

alert("Welcome");

var name = prompt("What is your name?");

alert("Hello " + name);

Answer 2

这是最简单的解决方案...

const p = new Promise((resolve) => {

  console.log("Welcome");

  resolve();

});

p.then(() => {

  var name = prompt("What is your name?");

  console.log("Hello" + name);

});

建议不要使用超时，因为超时对于此目的是不可靠的。该代码简单地说“先做”，然后依次“先做”。

Answer 3

这是一个简单的版本：

console.log("Welcome");

setTimeout(() => {

  var name = prompt("What is your name?");

  console.log("Hello " + name);

}, 0)

您只需要将提示移至下一个刻度。 setTimeout会做的。