理解预编译过程

目录

1、预编译的具体过程

1.1 预编译四步曲

1.2  具体练习

---

 

---

1、预编译的具体过程

在深入学习javascript之前，我们必须彻底搞懂它的运行过程。js运行有三个步骤：

1.先通篇扫描进行语法分析：这里有两种情况

（1）低级语法错误：比如标点符号、单词拼写错误等，这种情况会直接报错，不执行任何代码；

（2）逻辑错误：会执行，遇到有错代码处停止执行。

2.预编译

3.解释执行

在理解完js变量和函数提升后（想看的可以看我的上一篇笔记js变量提升的深入理解），想必理解了变量和函数提升的同伴，对下面的问题的答案，和报错的原因都已经能够回答出来了。今天我们来继续深入理解js预解析的具体步骤，掌握了这些步骤后面的原理，可以帮助我们更好地理解js代码的运行机制。

 //问题一
    console.log(num);//报错:num is not defined  ----------------------!注意
 //问题二
    console.log(num);//undefined
    var num;
 //问题三
    fn();
    function fn(){
        console.log("是函数呀");//"是函数呀"
    }
 //问题四
    fun();
    var fun=function fn(){
        console.log("函数表达式");//fun is not a function  ---------------------!注意
    }
 //问题五
   var fun=function fn(){
        console.log("是函数表达式呀");//"是函数表达式呀"
    }
    fun();

 

1.1 预编译四步曲

复习：这是之前在腾讯课堂上听渡一的姬成老师讲的，当时就把笔记写在这里了，其实对js的运行原理了解以后，完全就可以使用自己总结的方法来思考。其实预解析只要认识以下几个点就可以了

• 分清定义语句和执行语句
• 变量提升和函数提升