全局和局部变量

局部函数变量在 JavaScript 中的函数内声明。
局部变量只能在指定的函数内访问。
这就是为什么我们无法从文档中的任何其他功能访问它们。

建议在 JavaScript 函数中使用局部变量，因为它允许使用具有相同名称的变量，因为它们是保留在单独函数中的局部变量。
使用局部变量时，可以在当前函数中访问它们；换句话说，程序只会访问该变量范围内的变量。

在函数之外创建的所有变量都称为全局变量。
可以在整个上访问这些对象。
它们需要为全局变量命名不同的名称；否则，浏览器将无法显示我们想要的操作。
全局变量具有全局 JavaScript 范围。
所有功能都可以在整个网页中访问它。

JavaScript 变量是用于存储数据值的容器。

要声明全局变量，我们可以在全局范围内使用 var，如下所示：

let yourGlobalVariable = "global value"; //全局变量
function displayGlobalVal() {
  console.log(yourGlobalVariable); //全局变量，结果是“global value”
}
displayGlobalVal();

或者，将属性分配给窗口，因为在浏览器中，使用 var 声明的全局变量是 window 对象的属性：

function display() {
  window.yourGlobalVariable = "global value";
  console.log(yourGlobalVariable);
}
display();

在 ECMAScript 2014 规范中，全局范围内的 let、class 和 const 语句会创建不是全局对象属性的全局变量。

但是，请避免使用全局作用域并将代码包装在作用域函数中，并对该作用域函数使用局部变量，并使其他函数其中关闭，如下所示：

(function () { //开始作用域函数
  let yourGlobalVariable = "global value"; //在作用域函数之外不可见
  function display() {
    console.log(yourGlobalVariable);
  }
  display();
})(); //End scoping function