js中代码的运行方式(预编译过程和执行流程)

js中代码的运行方式 以及 执行流程

js中代码的运行方式有2个过程

(1)预编译过程： 语法检测 -》 变量提升   -》 函数预加载

(2)执行过程：预编译通过，再一行一行从上到下执行代码

如果预编译过程中，如果有错误（编译错误）,当前整个script中的代码不执行;继续找下一个script标签(所以共同开发的时候不要使用同一个script标签,这样可以更快排查出谁的错误)

如果执行过程中，如果有错误（执行错误），当前这个script标签中，出错之前的代码正常执行，之后的代码不执行；继续找下一个script标签

案例1:预编译过程中的错误

    var num = 100;
    console.log(num);
    //编译错误 变量名不能是数字开头
    var 100abc = 200;

案例2:执行过程中的错误

    var fn;
    fn(); //执行错误，fn不是函数或未定义
    console.log(300);

 印证:执行代码之前，先进行变量提升，再进行函数预加载

     var f1 = 100;
    function f1(){
    console.log(200);
     }
    //现在f1是什么
    console.log(f1);  //结果100

    如果存在 同名的变量和函数名，始终是后来的覆盖前面的。（后来，是按照以下的顺序：）

    顺序： 先声明变量，再定义函数，最后进行赋值

    var f1;
    function f1(){
        console.log(200);
    }
    //现在f1是什么
    console.log(f1);  //结果直接为f1的表达式
    //现在f1是什么
    f1 = 100;
    console.log(f1); //结果为100

    /以下写法是，先定义了函数，再声明变量； 实际执行流程中，会先声明变量，后定义函数

    function f1(){
        console.log(200);
    }
    var f1;
    console.log(f1);