1. 我们js引擎运行js 分为两步：预解析 代码执行

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

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

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

// 1.问
console.log(num); // undefined
// 2.问
console.log(num); // undefined
var num = 10;
// 相当于执行了以下代码
// var num;
// console.log(num);
// num = 10;
// 3.问
fn();
function fn() {
    console.log(11); // 11
}
// 4.问
fun();
var fun = function() {
    console.log(22);
}
// 相当于执行了以下代码
var fun;
fun();
fun = function() {
    console.log(22);
}

3. 预解析案例

案例1：结果是几？

var num = 10;
fun();
function fun() {
    console.log(num); // undefined
    var num = 20;
}
// 相当于执行了以下代码
var num;
function fun() {
    var num;
    console.log(num); // undefined
    num = 20;
}
num = 10;
fun();

案例2：结果是几？

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();

案例3：结果是几？

var a = 18;
f1();
function f1() {
    var b = 9;
    console.log(a); // undefined
    console.log(b); // 9
    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();

案例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);
}
// 相当于执行了以下代码
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