JS的预解析

139 阅读 0 评论 92 点赞

我是靠谱客的博主呆萌音响，这篇文章主要介绍JS的预解析，现在分享给大家，希望可以做个参考。

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

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

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

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<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  预解析案