Javascript变量作用域详解

 更新时间:2013年12月06日 09:45:06   作者:  
这篇文章主要是对Javascript变量作用域进行了详细的分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助

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

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之学会吝啬 精简代码

    前端开发,要学会吝啬:
    2010-04-04
  • Javascript数组常用方法你都知道吗

    Javascript数组常用方法你都知道吗

    这篇文章主要为大家详细介绍了Javascript数组常用方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2022-02-02
  • 自己封装的javascript事件队列函数版

    自己封装的javascript事件队列函数版

    这篇文章主要介绍了自己封装的javascript事件队列函数版,兼容了大部份浏览器,需要的朋友可以参考下
    2014-06-06
  • 基于javascript实现按圆形排列DIV元素(一)

    基于javascript实现按圆形排列DIV元素(一)

    本篇文章主要介绍基于javascript实现按圆形排列DIV元素的方法,此文着重于介绍对实现的按圆形排列DIV元素的分析,需要的朋友来看下吧
    2016-12-12
  • input 禁止输入特殊字符的四种实现方式

    input 禁止输入特殊字符的四种实现方式

    某些特殊字符传入后台会产生错误,可能导致sql注入,所以要想法从根本上拦截,接下来通过本文给大家介绍input 禁止输入特殊字符的方式,对input 禁止特殊字符知识感兴趣的朋友一起看下吧
    2016-08-08
  • 微信小程序实现时间选择

    微信小程序实现时间选择

    这篇文章主要为大家详细介绍了微信小程序实现时间选择,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • 为你的微信小程序体积瘦身详解

    为你的微信小程序体积瘦身详解

    这篇文章主要给大家介绍了关于微信小程序瘦身的相关资料,文中介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
    2017-05-05
  • JS 中的类Public,Private 和 Protected详解

    JS 中的类Public,Private 和 Protected详解

    这篇文章主要介绍了JS中的类Public,Private和Protected详解,文章围绕主题展开详细的内容介绍,具有一定的参考价值,需要的小伙伴可以参考一下
    2022-08-08
  • JavaScript实现轮播图效果

    JavaScript实现轮播图效果

    这篇文章主要介绍了JavaScript实现轮播图效果,帮助大家更好的理解和学习JavaScript,感兴趣的朋友可以了解下
    2020-10-10
  • JS实现转动随机数抽奖特效代码

    JS实现转动随机数抽奖特效代码

    这篇文章主要为大家详细介绍了一款转动随机数抽奖的JS特效代码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2015-08-08

最新评论