javascript变量作用域

最新推荐文章于 2025-04-08 10:00:06 发布

魔豆爸

最新推荐文章于 2025-04-08 10:00:06 发布

阅读量81

点赞数

分类专栏： core js 文章标签： JavaScript J# HTML ViewUI

core js 专栏收录该内容

140 篇文章

订阅专栏

本文探讨了JavaScript中变量的作用域和生命周期概念，包括全局变量和局部变量的区别，以及JavaScript中不存在块级作用域的特点，并介绍了如何使用let关键字来解决变量作用域问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

变量的作用域指的是变量的可见性，而生命周期则（存活期）则是从另一个角度考察变量。

js中变量的作用域分为全局变量和局部变量，函数内定义的称为局部变量，函数外的称为全局变量。（“函数外的称为全局变量”是相对的，另此处讨论的前提是用var显式声明的变量，函数内不用var定义的变量默认是全局变量，当然忽略var声明变量是不赞成的）。

<!DOCTYPE HTML>
<html>
  <head>
    <title>test1.html</title>	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <script type="text/javascript/>
         var glob = 4;//函数外声明全局变量
         function fun() {
             var height = 20;//函数内用var声明的是局部变量
             weight = 50;//函数内不用var声明的是全局变量
         }
          fun();
          alert(weight);
	</script>
  </head>
  
  <body>
  </body>
</html>

js中没有块状作用域，即用大括号{}包含的。java中则有。在main方法中写入下代码

public static void main(String... args) {
	for(int i=0;i<5;i++) {
          //todo
	}
     {
          int j=10;
     }
	int z = 20;
    System.out.println(i);// i不可见，语法分析时报错，即编译不通过
	System.out.println(j);// j不可见，语法分析时报错，即编译不通过
	System.out.println(z);// z可见，输出20
}

但如果在js中

for(var i=0;i<5;i++) {
     //todo
}

var obj = {name:"Lily"};
for(var attr in obj) {

}

{
  var j=10;
}
alert(i);//输出4，没有块状作用域
alert(attr); //输出name，没有块状作用域
alert(j);//输出10，没有块状作用域

这也说明一个问题，避免在全局范围内使用for循环同时声明变量，否则会造成全局命名范围的污染。

当然，js1.7中提出了let关键字声明变量（见https://developer.mozilla.org/cn/New_in_JavaScript_1.7），只作用于for语句范围。

for(let i=0;i<5;i++) {
   //todo
}
alert(i);//运行时报错，提示i未定义

js1.7需要这样引用 <script type="application/javascript;version=1.7"/></script>

ps：firefox2+实现了js1.7