0143 JavaScript预解析:概念、变量预解析、函数预解析、函数表达式声明函数问题、案例
4.1 预解析的相关概念 JavaScript 代码是由浏览器中的 JavaScript 解析器来执行的。 JavaScript 解析器在运行 JavaScript 代码的时候分为两步:预解析 和 代码执行。 预解析:在当前作用域下, JS 代码执行之前,浏览器会默认把带有 var 和 function 声明的变量在内存中进行提前声明或者定义。 【提升到当前作用域的最顶部。】 代码执行: 从上到下执行JS语句。 预解析会把变量和函数的声明在代码执行之前执行完成。 【 声明提前,赋值留在原地 。】 4.2 变量预解析 预解析也叫做变量、函数提升。 变量提升(变量预解析): 变量的声明会被提升到当前作用域的最上面,变量的赋值不会提升。 console.log(num); // 结果是多少? var num = 10; // ? 结果:undefined 注意:**变量提升只提升声明,不提升赋值** 4.3 函数预解析 函数提升: 函数的声明会被提升到当前作用域的最上面,但是不会调用函数。 注意:`函数声明代表函数整体,所以函数提升后,函数名代表整个函数,但是函数并没有被调用!` fn(); function fn() { console.log('打印'); } 结果:控制台打印字符串 --- ”打印“ 4.4 函数表达式声明函数问题 函数表达式创建函数,会执行变量提升