Javascript变量作用域详解

2019-12-24,,,

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


JS中变量的作用域分为全局变量和局部变量,函数内定义的称为局部变量,函数外的称为全局变量。(“函数外的称为全局变量”是相对的,另此处讨论的前提是用var显式声明的变量,函数内不用var定义的变量默认是全局变量,当然忽略var声明变量是不赞成的)。
复制代码 代码如下:
var glob = 4;//函数外声明全局变量
function fun() {
    var height = 20; //函数内用var声明的是局部变量
    weight = 50; //函数内不用var声明的是全局变量
}
fun();
alert(weight);

JS中没有块级作用域,即用大括号{}包含的。Java中则有。在main方法中写入下代码
复制代码 代码如下:
public static void main(String... args) {
  for(int i=0;i<5;i++) {
  }
    {
        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++) {
}
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

您可能感兴趣的文章:

  • JavaScript的变量作用域深入理解
  • 关于javascript 回调函数中变量作用域的讨论
  • 理解JavaScript变量作用域更轻松
  • 关于JavaScript中var声明变量作用域的推断
  • JavaScript 变量作用域及闭包
  • javascript权威指南 学习笔记之变量作用域分享
  • javascript变量作用域使用中常见错误总结
  • 深入解析JavaScript中的变量作用域
  • javascript 的变量、作用域和内存问题
  • 简单谈谈javascript中的变量、作用域和内存问题
  • JavaScript变量作用域及内存问题实例分析

《Javascript变量作用域详解.doc》

下载本文的Word格式文档,以方便收藏与打印。