JS预解析,作用域

”JS解析器“需知道的两大步工作:

(1)找一些东西:var function 参数
a=未定义
所有的变量,在正式运行代码之前,都提前赋了一个值:未定义;
fn1=function fn1(){alert(2);}
所有的函数,在正式运行代码之前,都是整个函数块。
注:遇到重名的:只留一个(变量和函数重名,只留下函数;函数和函数重名,留下后来的一个)
(2)逐行解读代码:
表达式: = + - * / % ++ – ! 参数
注:表达式可以修改预解析的值

例题:

<script>
            alert(a);   //结果为function a(){alert(5);}
            var a=1;
            alert(a);    //1
            function a(){alert(3);} //不执行
            alert(a);   //1
            var a=3;
            alert(a);   //3
            function a(){alert(5);}  //不执行
            alert(a);   //3

            a();  //如果此时调用函数,就会报错,因为此时a的类型是number
</script>

JS解析过程:
(1)找:
a=未定义;(第一步找到一个变量)
function a(){alert(3);}(第二步找到一个函数,此时就会只存这个函数,变量就不在这里了)
var a=3;(变量和函数存在时,留函数,所以此时还是上面那个函数)
function a(){alert(5);}(顺序,存后来的函数)
经过上述一系列的变化,最终库里只剩下了 function a(){alert(5)};
(2)解读代码:
遇到表达式的时候会更改a 的值。

函数的作用域

(一)

            var a=1;
            function fn1(){
                alert(a);  //未定义
                var a=2;
            }
            fn1();
            alert(a);     //1

(1)预解析:a=未定义;
function fn1(){
alert(a);
var a=2;
}
(2)逐行解读代码:
表达式
函数:(调用函数的时候首先去找函数内的各个值)
1)找一些东西:var function 参数 (此时会找到var a)
a=未定义
2)逐行解读代码:表达式

(二)

            var a=1;
            function fn1(){
                alert(a);   //1
                a=2;
            }
            fn1();
            alert(a);      //2

若上述代码去掉var:
运行到a=2时,就会改变全局的变量a=1的值。
(1)预解析:a=未定义;
function fn1(){
alert(a);
var a=2;
}
(2)逐行解读代码:
表达式
函数:(调用函数的时候首先去找函数内的各个值)
1)找一些东西:var function 参数 (此时未找到a)
a=未定义
2)逐行解读代码:表达式

(三)

            var a=1;
            function fn1(a){
                alert(a);   //1
                a=2;
            }
            fn1();
            alert(a);      //2

若加入参数a,
(1)预解析:a=未定义;
function fn1(a){
alert(a);
var a=2;
}
(2)逐行解读代码:
表达式
函数:(调用函数的时候首先去找函数内的各个值)
1)找一些东西:var function 参数 (此时会找到参数a)
a=未定义
2)逐行解读代码:表达式

1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看REAdMe.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看REAdMe.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看READme.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值