JavaScript中var关键字的作用与变量作用域详解

作者：异步漫步

时间：2026-10-23

本文深入解析JavaScript中var关键字的重要性，阐述其用于声明变量的本质。通过代码实例对比使用与不使用var的区别，详细说明全局作用域与局部作用域的查找机制，以及变量在函数嵌套中的覆盖与污染问题，帮助开发者避免常见的变量作用域错误。

文章目录

本文通过具体实例分析，探讨JavaScript中var关键字的关键作用，供读者参考学习。

在JavaScript中，通常使用var来声明变量，但有时即使不使用var也能成功定义变量。这背后的原因值得深入探究。

var关键字的本质

var的核心功能在于明确声明一个变量，从而确立其在代码中的存在性。


<script>
var str = 'China';//申明并进行赋值
</script>

变量的作用范围

首先通过一个示例来引出问题。在函数t内部未使用var关键字声明变量，系统将其视为单纯的赋值操作，该操作进而影响了window对象的str2属性。


<script>
var str1 = 'China';//申明并赋值str1
var str2 = 'Japan';//申明并赋值str2
console.log(window.str1,window.str2);//输出：China Japan
function t(){
  var str1 = 'local';//申明并赋值str1
  str2 = 'global';//赋值操作，并不是申明变量，污染window对象的属性
}
t();//调用t函数
console.log(window.str1,window.str2);//输出：China global
</script>

变量的作用域机制

全局作用域指的是在最外层作用域中定义的变量，它们对所有内部作用域可见。

局部作用域是指在函数内部定义的变量，其生命周期和可见性仅限于该函数内部。

JavaScript的作用域查找规则是：首先在函数内部查找变量，如果未找到，则逐层向外层函数查找，直到到达最外层（即window对象）为止。


<script>
var str = 'China';
function t1(){
  var str = 'Japan';
  function t2(){
    var str = 'USA';
    console.log(str);
  }
  t2();
}
t1();
</script>

以下示例典型地展示了JavaScript变量作用域的切换过程：脚本在最外层定义了str属性。当调用t1函数时，t1内部也定义了str变量和t2方法。执行t2方法时，t2内部再次定义str变量，因此此时打印结果为USA。

如果屏蔽t2函数中的str定义，t2作用域内将不存在str变量，此时会向上层作用域查找。由于t1函数中定义了str变量，因此打印结果为Japan。

若同时屏蔽t1和t2函数中的str定义，查找过程将继续向外层延伸，最终找到最外层的str变量，此时打印结果为China。

如果最外层也未定义该变量，在运行该JavaScript代码时将无法找到该变量，此时浏览器控制台会抛出错误。

var关键字的本质