变量名提高

1. 预解析的过程
2. 代码的执行过程 程序在执行过程，会先将代码读取到内存中检查，会将全部的声明在此时进行标记。所谓的标记就是让js解释器直到有这个名字，后面在使用名字的时候，不会出现未定义的错误，这个标记就是提高 声明：
3. 名字的声明，标识符的声明（变量名的提高）
   • 名字的声明就是让个人解释器知道有这个名字
   • 名字没有任何数据与之对应
4. 函数的声明
   • 函数声明包含两部分
     • 首先告诉解释器函数的名字
     • 告诉解释器 这个名字对应的函数体是什么
   • 函数声明与函数表达式有区别，函数声明是单独写在一个结构中，不存在任何语句，逻辑判断等结构中 ``` 函数声明： function(){} function f(){}

``` 函数表达式： var f=function(){}; this.sayHello=function(){}; if(true){ function f(){} }``` 函数表达式： var f=function(){}; this.sayHello=function(){}; if(true){ function f(){} }

代码分析：

案例1：

 var num=1; function num(){ alert(num); } num();var num=1; function num(){ alert(num); } num();

1. 预解析过程
   • 提高声明 变量num
   • 再提高函数 num在内存中已经存在，所以直接绑定对应的函数体
   • 内存中有一个函数num
2. 执行代码
   • 给num赋值为1，覆盖函数
3. 调用num 因为num中存储的是数字1 所以报错

案例2：

 var num=123; function foo1(){ console.log(num); var num=456; console.log(num); } foo1();var num=123; function foo1(){ console.log(num); var num=456; console.log(num); } foo1();

代码分析：

1. 预解析过程
   • 提高变量名num和函数foo1
2. 执行代码
   • 给num赋值为123
   • 调用函数
     • 进入函数的瞬间预解析，提高变量名num
     • 在函数内部是一个独立的空间，容许使用外部的变量即num覆盖外面的num
     • 执行第一句 输出为Undefined
     • 执行第二句 给num赋值为456
     • 执行第三句 输出为456

案例3：

 if(true){ function f1(){ console.log('true'); } }else{ function f1(){ console.log('false'); } } f1();if(true){ function f1(){ console.log('true'); } }else{ function f1(){ console.log('false'); } } f1();

代码分析：

1. 预解析过程
   • 函数在判断语句中为表达式因此不提高
2. 执行代码
   • 执行if语句，条件成立，输出true
   • 可是一些老版本在执行过程当中，会把If语句中的函数表达式当成函数声明来解析, 并提高函数输出为false*