JavaScript中的全局变量和局部变量有什么区别？如何使用？

2021年4月3日19:09:43 发表评论 698 次浏览

变量：它保存可以随时更改的数据或信息。 JavaScript使用保留关键字var声明变量。在JavaScript中, 变量有两种类型,：全局变量和局部变量它还告诉你可以在程序中的什么位置使用定义的变量和函数。但是全局变量和局部变量有什么区别呢？下面为你解析。

局部变量：使用JavaScript时, 局部变量是在函数内定义的变量。它们具有局部范围, 这意味着它们只能在定义它们的函数中使用。

全局变量：相反, 全局变量是在函数外部定义的变量。这些变量具有全局作用域, 因此任何函数都可以使用它们, 而无需将它们作为参数传递给函数。

局部变量：由于局部变量是在函数内部定义的, 因此具有相同名称的变量可以在不同的函数中使用。

全局变量和局部变量有什么区别？下面我们先来看看这个例子，试着区分一下它们的区别，示例如下：

<!DOCTYPE html>
<html>
  
<body>
     <center>
         <h1 style= "color:green;" >lsbin</h1>
  
         <p>Outside myfunction() petName is not defined.</p>
  
         <p id= "Geeks" ></p>
  
         <p id= "geeks" ></p>
  
         <script>
             myfunction();
  
             function myfunction() {
                 var petName = "Sizzer" ; // local variabl
                 document.getElementById( "Geeks" ).innerHTML =
                     typeof petName + " " + petName;
             }
  
             document.getElementById( "geeks" ).innerHTML =
                 typeof petName;
         </script>
   </center>
  
</body>
  
</html>

输出如下：

上面的示例说明了局部变量的用法。但是, 该函数之外的语句不能引用名为petName的变量而不会引起错误。那是因为它具有本地范围。

全局变量：由于全局变量是在函数外部定义的, 因此具有相同名称的变量不能在不同的函数中使用。网页上的所有脚本和功能都可以访问它。

例子：

<!DOCTYPE html>
<html>
  
<body>
     <center>
         <h1 style= "color:green;" >lsbin</h1>
  
         <p>A GLOBAL variable can be accessed from 
                             any script or function .</p>
  
         <p id= "geeks" ></p>
         <p id= "Geeks" ></p>
         <script>
             var petName = "Rocky" ; //global variable
             myFunction();
  
             function myFunction() {
                 document.getElementById( "geeks" ).innerHTML =
                   typeof petName + "- " + "My pet name is " + petName;
             }
  
             document.getElementById( "Geeks" ).innerHTML =
                typeof petName + "- " + "My pet name is " + petName;
         </script>
   </center>
  
</body>
  
</html>

输出如下：