JavaScript预解析 “~~~ is not defined“（变量提升和函数提升）

 变量预解析和函数预解析问题

1.问题一

console.log(num);  // Uncaught ReferenceError ReferenceError: num is not defined

2.问题二

console.log(num);  // undefined  因为变量虽然已经声明但是程序是由上到下执行
var num = 10;
// 相当于执行了如下代码 (预解析把var提升 但不会把赋值语句提升)
var num;
console.log(num);  // undefined
num = 10; 

3.问题三

fn();  // 输出11

function fn() {
    console.log(11);
}

4.问题四

fun(); // Uncaught TypeError TypeError: fun is not a function
var fun = function () {
    console.log(22);
}
// 相当于执行了如下代码
var fun;
fun();   // fun is not a function
fun = function() {
    console.log(22);
}

预解析

1. 我们js引擎或解析器运行js 分为两步: 预解析 和 代码执行

(1) 预解析 js引擎会把js 里面所有的var 还有 function 提升到当前作用域的最前面

(2) 代码执行  按照代码书写顺序从上往下执行

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

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

(2) 函数提升 就是把所有的函数声明提升到 当前作用域的最前面    但不调用函数

总结

总结：声明(var或function)会被预解析，其他的按顺序执行

出处：17-预解析案例_哔哩哔哩_bilibili