JS - 变量未定义

Question

我想对所有 3 个函数（newQuote、postFB 和 tweet）使用相同的 var randomQuote，但这似乎不起作用。

如果我把它放在 newQuote 函数中，只有这个函数可以工作，如果只在外面 - 只有共享函数可以工作，并且 newQuote 只会在点击时更改一次报价 (?)。

我可以让所有 3 个函数都工作的唯一方法是，如果我重复它——一个在 newQuote 函数内部，一个在 newQuote 函数外部——有什么方法可以让它“干燥”吗？

var randomQuote = Math.floor(Math.random() * (quotes.length)); //outside 
document.getElementById("refresh").onclick = newQuote;
 function newQuote() { 
var randomQuote = Math.floor(Math.random() * (quotes.length)); //inside


document.getElementById("facebook").onclick = postFB; 
function postFB() {
var url = "http://www.facebook.com/sharer/sharer.php?u=" + encodeURIComponent(quotes[randomQuote]);
  window.open(url);
}

• 此处不包含 twitter 功能 - 与 FB 相同的想法

任何建议我（初学者）做错了什么？先感谢您！

Answer 1

使用let 而不是var 来声明您的变量可能会解决您的问题。这两者的区别在here详细描述；相关的想法（取自链接的帖子）是

var 作用于最近的功能块，let 作用于最近的封闭块（如果在任何块之外，两者都是全局的），它可以小于一个功能块。