js中的预解析(初学）

JavaScript代码是由浏览器中的Javascript解析器来执行的。
一、JavaScript解析器在运行JavaScript代码的时候分两步：预解析 和 代码执行

1. 预解析 js引擎 会把js 里面所有的 var 还有 function 提升到当前作用域的最前面
2. 代码执行： 按照代码书写的顺序从上往下执行

二、预解析分为： 变量预解析（变量提升）和 函数预解析（函数提升）

1.变量提升： 即把所有的变量声明提升到当前的作用域最前面  不提升赋值操作

 

2.函数提升：即把所有的函数声明提升到当前作用域的最前面    不调用函数

该情况① ↑，函数表达式 调用必须写在函数表达式的下面才不报错 

    情况②↓

3.变量与函数的一起提升

例1.↓

var num=10;
fun();
function fun(){
   console.log(num);
   var num =20;
}

例2.↓

var num =10;
function fn(){
  console.log(num);
  var num=20;
  console.log(num);
}
fn();

例3.↓

var a =18;
f1();
function f1(){
   var b =9;
   console.log(a);
   console.log(b);
   var a ='123';
}

 

例4. ↓

f1();
console.log(c);
console.log(b);
console.log(a);
function f1() {
    var a = b = c = 9;
    console.log(a);
    console.log(b);
    console.log(c);
}

详解 全局变量  ←