决定何时全局变量应该在函数内部或函数外部

Question

在函数块中而不是在文件顶部注释掉const声明的唯一理由是，只有该函数可以使用，以便以后可以将该事物定位到函数之外？有什么好的方法来决定你应该在函数中放入哪些变量以及你不应该放哪些变量？

const form = document.getElementById("registrar") ;
const input = form.querySelector("input") ;
//const submitButton = form.querySelector("button") ; Wasnt needed
const invitedList = document.getElementById("invitedList") ;

form.addEventListener("submit", (event) => {
//  const invitedList = document.getElementById("invitedList") ;
  event.preventDefault() ;
  const text = input.value ;
  li = document.createElement("li") ;
  li.textContent = text ;
  invitedList.appendChild(li) ;
  
 
  
}) ;

Answer 1

一方面，存储document.getElementById("invitedList")计算的结果在性能方面比每次调用“submit”处理程序时重复它更好。但是，在这里，它不会产生任何可观察到的差异，我不希望在页面的整个生命周期中经常提交相同的表单（通常甚至不止一次）。但这是要记住的事情。

另一方面，不需要是全局变量，可能不应该是全局变量。

在你的例子中，两种方式都很好。您可以争辩说，您不希望不必要地重复产生相同结果的相同计算，并且您可以争辩说您想要移动任何可以用于本地范围的功能，而不是将它们保持在全局范围内。