javascript - 决定全局变量何时应位于函数内部或函数外部

Question

在函数 block 中而不是在文件顶部注释掉 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”处理程序时重复计算的性能更好。不过，在这里，它不会产生任何明显的差异，我不希望在页面的整个生命周期中经常提交相同的表单(通常甚至不止一次)。但这是需要记住的事情。

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

在您的示例中，两种方式都可以。您可以争辩说，您不想不必要地重复会产生相同结果的相同计算，并且您可以争辩说，您希望将尽可能多的内容移动到本地范围内，而不是将它们保留在全局范围内。