JavaScript的作用域和块级作用域概念理解
1、什么是块级作用域呢?
任何一对花括号({和})中的语句集都属于一个块,在这之中定义的所有变量在代码块外都是不可见的,我们称之为块级作用域。
2、函数作用域
定义在函数中的参数和变量在函数外部是不可见的。
3、大多数类C语言都拥有块级作用域,JS却没有。请看下文demo:
1
2
3
4
5
6
7
8
9
10
11
12
|
//C语言 #include <stdio.h> void main() { int i=2; i--; if (i) { int j=3; } printf ( "%d/n" ,j); } |
运行这段代码,会出现“use an undefined variable:j”的错误。可以看到,C语言拥有块级作用域,因为j是在if的语句块中定义的,因此,它在块外是无法访问的。
而JS是如何表现的呢,再看另一个demo:
1
2
3
4
5
6
|
functin test(){ for ( var i=0;i<3;i++){ } alert(i); } test(); |
运行这段代码,弹出"3",可见,在块外,块中定义的变量i仍然是可以访问的。也就是说,JS并不支持块级作用域,它只支持函数作用域,而且在一个函数中的任何位置定义的变量在该函数中的任何地方都是可见的。
那么我们该如何使JS拥有块级作用域呢?是否还记得,在一个函数中定义的变量,当这个函数调用完后,变量会被销毁,我们是否可以用这个特性来模拟出JS的块级作用域呢?看下面这个DEMO:
1
2
3
4
5
6
7
8
|
function test(){ ( function (){ for ( var i=0;i<4;i++){ } })(); alert(i); } test(); |
这时候再次运行,会弹出"i"未定义的错误,哈哈,实现了吧~~~这里,我们把for语句块放到了一个闭包之中,然后调用这个函数,当函数调用完毕,变量i自动销毁,因此,我们在块外便无法访问了。
JS的闭包特性is the most important feature((*^__^*) 大家懂的)。在JS中,为了防止命名冲突,我们应该尽量避免使用全局变量和全局函数。那么,该如何避免呢?不错,正如上文demo所示,我们可以把要定义的所有内容放入到一个
1
2
3
|
( function (){ //内容 })(); |
之中,这时候,我们是不是相当于给它们的外层添加了一个函数作用域呢?该作用域之外的程序是无法访问它们的。