JavaScript作用域

学习JavaScript中,作用域算是比较重要的一块,因为比较抽象,所以很多人都难免模模糊糊,包括我自己也是这样

所以我自己写下了自己的理解,如果有什么不对的,请指出谢谢..

那么什么是作用域呢,JavaScript本身就是一个最大的作用域,

每一个函数执行的时候都会产生一个作用域.

很多人认为js的解析顺序是从上到下的,这是错误的

举个例子: var a =10;

alert(a);

代码会弹出10,

alert(a);

var a=10;

这时候会弹出一个undefined,而不是报错,说明什么,说明里面已经有一个变量a,但是没有赋值

每一个域里面代码的解析顺序:

1.定义: 找var (只会找出变量名,但是并不会执行后面的赋值)

找function;

2.执行: 从上往下执行代码;

 我们在来看看作用域

 我们来看一个例子

 <script> 

var a=10;//全局变量 

</script>

 <script>

alert(a)

</script>

结果却显示可以弹出结果,按理说两个域之间是不可以相互跨越的 .

但 var a相当于window.a ,也就是全局变量, 

相当于定义在window对象下.

那么我们在举个例子 ,

 var a=0;

function mun(){var b=50; }

这个是全局变量么 ,答案肯定不是 ,上面已经说到每个函数都有一个自己的域,

而这个b 的作用域就是这个函数

而a是在script声明的,所以他是全局变量.. 

 作用域链 : 

举一个例子:

var a=10; 

 Fn();

a=20; 

function Fn()

{ var b=20; alert(a); alert(b);

}

执行顺序 

1: 定义: 找变量 var a 

 找函数体 function Fn(){ 

 var b=20; 

alert(a); 

alert(b); 

} 

 2:执行: 

 a=10;

Fn()==>执行函数,进入Fn()作用域 ====>1:定义 var b 

 2: 执行: 

 b=20;

alert(a);//最终弹出10 

 alert(b) //最终弹出20 

 在来看一个例子:

var a=10; 

var b=15;

Fn();

a=20; 

function Fn(){

 var a=5; 

 b=20;

alert(a); 

 alert(b); 

 } 

alert(a); 

 alert(b); 

解析顺序: 

 1. 找变量var a;

var b;

 找函数体 function Fn(){

var a=5;

b=20;

alert(a); 

 alert(b) 

}

 2.执行 a=10;

 b=15;

 Fn(); ====> 1.var a

 2. a=5; 

 b=20;

 alert(a)//5

 alert(b)//20=====>返回父级作用域 (script)

 a=20; 

alert(a); //20

 alert(b) //20

 注意:函数里面的 b=20;

 没有var 所以他是全局变量window.b

所以在全局的b=15 被重新赋值为20; 

下面的几个例子我就不写顺序了 ...

var x=5;

 a(); 

 function a(){

alert(x);//undefined; var x=10; 

 }

 alert(x); //5