javascript函数预处理机制

本文深入解析浏览器加载代码时的顺序过程,包括对var声明的变量进行预处理、函数声明的提升以及参数处理。通过具体示例演示了函数内声明的变量在作用域上的优先级及与父级函数声明的关系。详细解释了函数提升的原理及对代码执行的影响,以及参数如何被处理。最后,提供了实例代码以直观展示整个过程。
摘要由CSDN通过智能技术生成

浏览器解读代码时,会按照以下顺序进行加载


1 对var 声明的变量进行预处理,只声明不复制

2对于函数声明进行提升,并把函数的内容打印到函数名的后面

3最后对于参数进行处理

4之后浏览器按照代码加载顺序,逐行解析代码,遇到表达式再开始赋值,同时修改仓库里面的值。

demo1 var声明变量预处理,只声明不复制

    var a=1;
    function fn1(){
        alert (a);
        var a=2;
    }
    fn1();              //函数内声明的a在作用域上优于父级函数的声明,但是由于只声明 未赋值,因此弹出undefine;
    alert(a);           //1


demo2  对于函数声明进行提升,并把函数的内容打印到函数名的后面

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

输出 1)function a(){alert(4)} 2) 1 3) 1 4) 1

demo3

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值