码迷,mamicode.com
首页 > Web开发 > 详细

JS-作用域划分

时间:2015-05-20 14:48:12      阅读:163      评论:0      收藏:0      [点我收藏+]

标签:函数自执行   作用域   块级作用域   

和其他语言不通的是,js的作用域是按函数来划分的;不像C 语言,java等高级语言,有严格的块级作用域的区分,在java中for或者if都算是一个独立的块级作用域,但是在JavaScript中if、for 语句中的花括号不是独立的作用域。JavaScript 的作用域完全是由函数来决定的。比如

if (true) {
   var name = 'zhangsan';
}
console.log(name); // 输出 zhangsan

上面的代码在c语言和java中会出现变量未定义的错误,因为在Java中if(true){...}是独立的作用域,在if里面定义的变量,在if外面是访问不到的;但是在js中if不算独立的作用域,所以在if外面照样可以访问到局部变量name.在比如下面代码:

function test(){
for(var i=1;i<5;i++){
alert(i);
}
alert("外部调用 i 的值是:" + i); //  外部调用 i 的值是 5
}

同样在for循环外面照样可以访问到局部变量i,那么在js中也想实现java中的效果:“想让for循环结束之后变量i就无法在for循环外访问了。可以实现吗???

答案是:当然可以!!

怎么实现那??需要通过JavaScript中的自执行函数表达式,在这里如果不明白函数表达式 和 自执行 是怎么回事的小伙伴请参考我的另一篇文章《js函数声明和函数表达式

(function(){
  for(var i=1;i<5;i++){
   alert(i);
  }
})(); 

这就是一个自执行的函数表达式

function test(){
        (function(){
            for(var i=1;i<5;i++){
                alert(i);
            }
        })();
        alert("外部调用 i 的值是:" + i);//这是再访问i,就访问不到了
  }
  test();

这里再for循环的外面在访问i就报i未定义的错误了

 

由此可知:js如果 想让一段代码中的局部变量,在这段代码之外不被访问到,就可以通过自执行函数表达式来实现;这样往往能够避免和外部代码发生冲突。

  换句话说可以通过 js中的自执行函数表达式 来实现java等高级语言中的块级作用域

JS-作用域划分

标签:函数自执行   作用域   块级作用域   

原文地址:http://blog.csdn.net/u014205965/article/details/45870145

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!