JS的预解析

Tina_dl

已于 2022-05-15 17:09:02 修改

阅读量2.2k

点赞数

分类专栏： JS 文章标签： JS的预解析

于 2022-05-15 10:00:31 首次发布

本文链接：https://blog.csdn.net/Tina_dl/article/details/124778561

版权

本文介绍了JavaScript的预解析概念，包括变量预解析和函数预解析。预解析过程分为两个阶段：变量和函数声明被提升到当前作用域的最前面，但不包括赋值或函数调用。特别地，变量提升只提升声明，不提升赋值，而函数声明会被完全提升。文中通过案例分析了预解析的一些特殊行为，如未声明直接赋值会产生全局变量，以及函数参数被视为局部变量。

摘要由CSDN通过智能技术生成

今天学习了JS预解析–挺有意思–小傻猫就浅记一下

预解析：变量预解析、函数预解析
1 、JS引擎运行js 分为两步：预解析代码执行
(1) 、JS引擎会把里面所有的 var function 提前到当前作用域的最前面
(2)、代码执行按照代码书写的顺序从上到下执行
2、预解析分为变量预解析(变量提升) 和函数预解析 (函数提升)
(1) 变量提升所有的变量声明提升到当前作用域最前面不提升赋值操作
(2) 函数提升把所有的函数声明提升到当前作用域的最前面不调用函数

这是学习视屏分析简记，更详细我就没查了。
主要案例分析如下：

<script>
  //--------------------------------------------------

        //eg 1 预解析案例---->仔细分析-----结果是：undefined
        var num = num;
        fun();
        function fun() {
   
            console.log(num);
            var num=20
        }
        //相当于执行如下
       var num;                                      //   1、
       function fun() {
                                 //   2、
            console.log(num);
            var num=20
        }
        num=10;                                      //   3、
        fun();                                       //   4、

        var num                                      //   5、
        function fun(){
   
            var num;
            console.log(num);   //此处的num  是当前函数作用域内的num ,运行此处只定义还未赋值
            num=20;
        }
        num =10;
        fun();

        //-------------------------------------------------------

        //eg 2  预解析案