js预解析

Posted 2021-12-30 FG.

1. js引擎运行js分为两步：

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

2. 预解析分为 变量预解析(变量提升)和 函数预解析(函数提升)

（1）变量提升：就是把所有的变量声明提升到当前的作用域最前面，不提升赋值操作。
（2）函数提升：就是把所有的函数声明提升到当前作用域的最前面，不调用函数。

3. 举例

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

//相当于进行了以下操作
var num;
function fun() 
    var num;
    console.log(num); //undefined
    num = 20;

num = 10;
fun();

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

fn();
//相当于进行了以下操作
var num;
function fn() 
    var num;
    console.log(num); //undefined
    num = 20;
    console.log(num); //20

num = 10;
fn();

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

//相当于进行以下操作
var a;
function f1() 
    var b;
    var a;
    b = 9;
    console.log(a); //undefined
    console.log(b); //9
    a = '123';

a = 18;
f1();

f1();
console.log(c);
console.log(b);
console.log(a);
function f1() 
    console.log(a);
    console.log(b);
    console.log(c);

//相当于进行以下操作
function f1() 
    var a;
    a = b = c = 9;
    //相当于 var a = 9;b = 9;c = 9; b和c直接赋值，没有var声明 当全局变量
    //集体声明 var a = 9,b = 9,c = 9;
    console.log(a);  //9
    console.log(b);  //9
    console.log(c);  //9

f1();
console.log(c);  //9
console.log(b);  //9
console.log(a); //undefined