js作用域的理解
一、变量作用域解析过程
对于s
cript脚本中的变量:自上而下 全局变量、全局函数
对于函数中的变量:由里到外
浏览器解析变量过程:
“JS解析器”
1)“找一些东西”: var和function
如果函数带参数,则参数 x = undefine 所有的变量,在正式运行代码之前,都提前赋了一个值:未定义
fn1 = function fn1(){ alert(2); } 所有的函数,在正式运行代码之前,都是整个函数块
JS 的预解析原则: 遇到重名的:只留一个;变量和函数重名了,就只留下函数
2)逐行解读代码:表达式(
= + - * / % ++ -- !
)可以修改预解析的值! 注意:函数块不要放在if/else、for的{}里面执行;函数如果带参数,预编译 先找 参数的声明 并且把 实参赋值给形参,再执行找函数的操作
代码解析
1)预解析:查找var,function参数例如下面这个例子
a= 未定义
fn1={alert(2)}函数的话,是整个整体
2):逐行读代码:类似=+-%*等都是表达式,表达式可以改变值
example1:
<script> alert(a) //最终结果:undefiner var a=1 function fn1(){ alert(alert(2)); } </script>
分析:
预解析: a=未定义;fn1=function fn1(){alert(alert(2));}
执行:
alert(a) ==》未定义
var a=1
function fn1(){
alert(alert(2));
}
example2:
alert(a) //4 var a=1 alert(a) //1 function a(){alert(2)} alert(a) //1 var a=3; alert(a) //3 function a(){alert(4)} alert(a) //3
分析:
预解析: a=未定义;a=function a(){alert(2)} a=未定义;a=function a(){alert(4)}(查找var function 参数,,重名时只会留下有值的,这里第一个是undefine,所以踢掉,若都有值,那么谁后执行就留下谁)
执行:
alert(a) ==>function a(){alert(4)}
var a=1 ==>a=1
alert(a) ==>1
function a(){alert(2)} ==>没有表达式,不改变值
alert(a) ==》1
var a=3; ==》3
alert(a) ==》3
function a(){alert(4)}==>没有表达式,不改变值
alert(a) ==》3
example3:
var a=1; function fn1(){ alert(a); var a=2 } fn1();//undefine alert(a)//a=1
预解析:
1):查找var function 参数
a=未定义
fn1=function fn1(){
alert(a);
var a=2
}
执行:
var a=1;==》a=1
function fn1(){`==》不改变值
alert(a);
var a=2
}
fn1();==》
开始预编译: a=1,a=未定义;,
开始执行:
alert(a)==》未定义
a=2
alert(a) ==>a=1,因为这是函数里面的变量,不能作用到函数外;
example4:
var a=1; function fn1(){ alert(a);//1 a=2 } fn1() alert(a)//2
预解析:
a=undefine
fn1=function fn1(){
alert(a)
a=2}
执行:
var a=1;==》1️⃣a=1
function fn1(){ 3️⃣预解析:无var,无function,所以没有了
alert(a); 4️⃣执行 a=1
a=2 5️⃣执行a=2
}
fn1() 2️⃣
alert(a) 6️⃣a=2
example5:
var a=1 function fn1(a){ alert(a); a=2; } fn1(a);//1 alert(a);//1
预解析: a=未定义 fn1=function fn1(a){....}
执行:
var a=1 ==》a=1
function fn1(a){ 预解析: 1.a=未定义(原因是有参数,这里相当于 var a=1) 2.赋值实参 a=1, 3.a=2
alert(a); ==>a=1
a=2; ==>a=2(函数内部的a=2);//内部有的值,不改变外部a变量的值;
}
fn1(a);//1
alert(a);//1
注意:如果fn1函数中带有其他函数fn1x(){} 并且执行该函数的,那么过程就是 预解析: a=未定义 a = 1,然后再是 fn1x = fn1x(){。。。},再执行函数内部。。。