Javascript的块级作用域

时间:2021-10-29 07:13:33

 

一、块级作用域的说明

在学习JavaScript的变量作用域之前,我们应当明确几点:

a、JavaScript的变量作用域是基于其特有的作用域链的。 
b、JavaScript没有块级作用域。 
c、函数中声明的变量在整个函数中都有定义。

javascript的变量作用域,与平时使用的类C语言不同,例如C#中的代码:

static void Main(string[] args)
{
if(true)
{
int number=;
}
Console.WriteLine(number);
}

这段代码进行编译,是无法通过的,因为"当前上下文不存在number".

因为这里变量的作用域是由花括号限定的,称为块级作用域。

在块级作用域下,所有的变量都在定义的花括号内,从定义开始到花括号结束这个范围内可以使用,出了这个范围就是无法访问,也就是说

if(true)
{
int number=;
Console.WriteLine(number);
}

这样可以访问,因为变量的定义与使用在同一个花括号内。

但是在javascript中没有块级作用域的概念。

二、javascript中的作用域

1、函数限定变量作用域

在javascript中,函数里面定义的变量,,可以在函数里面被访问,但在函数外无法访问,代码:

<script type="text/javascript">
var num=function()
{
var number=10;
};
try{
alert(number);
}catch(e)
{
alert(e);
}
</script>

代码运行时,会抛出一个异常,变量number没有定义,是因为定义在函数中的变量无法再函数外使用,在函数内可以任意使用,即使在赋值之前:

<script type="text/javascript">
var num=function(){
alert(number);
var number=10;
alert(number);
};
try{
num();
}catch(e){
alert(e);
}
</script>

这段代码运行后,不会抛出错误,弹出两次,分别是undefined和10

2.子域访问父域

函数可以限定变量的作用域,那么在函数中的函数就为该作用域的子域,在子域中的代码可以访问到父域中的变量,代码如下:

<script type="text/javascript">
var func=function(){
var number=10;
var sub_func=function(){
alert(num);
};
sub_func();
};
func();
</script>

这段代码执行得到的结果是10,但是在子域中访问父域的代码也是有条件的

<script type="text/javascript">
var func=function(){
var number=10;
var sub_func=function(){
var num=20;
alert(num);
};
sub_func();
};
func();
</script>

这段代码比前面多了一个"var num=20;",这句代码在子域中,那么子域访问父域的情况就发生了变化,这段代码打印的结果是20,此时子域访问的num是子域中的变量,而不是父域中的。由此可见访问有一定规则可言,在javascript中使用变量,javascript解释器首先在当前作用域中搜索是否有该变量的定义,如果有,就是用这个变量,如果没有就到父域中寻找变量,依次类推,直到最*作用域,仍然没有找到就抛出异常"变量未定义",代码如下:

<script type="text/javascript">
(function (){
var num=10;
(function (){
var num=20;
(function(){
alert(num);
})();
})();
})();
</script>

这段代码执行后打印出20,如果将"var num=20"取掉,那么打印的就是10.同样去掉"var num=10",那么就会出现未定义的错误。