javascript - 为什么在定时提示后不打印变量 "nyFrukt"

Question

var frukt = ["banan", "Äpple", "Apelsin"];


document.write("<p>Din lista med frukt inehåller för närvarande " + frukt + ".</p>");
document.write("<p>Den första frukten i listan är " + frukt[0] + ".</p>");
document.write("<p>Den nya frukten i listan är " + frukt[frukt.length - 1] + ".</p>");

//上面的代码工作完美，但下面的计时器却不行

setTimeout(function () { var nyFrukt = prompt("Vad är den nya frukten?"); }, 3000);

//下面的document.write不会打印“nyFrukt”

document.write("<p>Den nya frukten i listan är " + nyFrukt + ".</p>");

Answer 1

JavaScript 使用函数作用域，您的变量 nyFrukt 是在 setTimeout 函数中使用的匿名函数内声明的，因此当您尝试在以下 document.write 函数中引用它时，它不再在作用域内。

只需在共享范围内声明 nyFrukt 即可工作:

setTimeout(function () {
  var nyFrukt = prompt("Vad är den nya frukten?");
  document.write("<p>Den nya frukten i listan är " + nyFrukt + ".</p>");
}, 3000);