什么是js变量提升？

前言

变量提升实际上很容易理解，就是说在任何位置所声明的变量或函数，都会自动“提”到最前面，就好像它们是在函数的开头声明的一样，我们来看一下具体的代码：

//在正常的情况下我们声明变量都是：先声明后使用 比如：
var web="baidu.com"
console.log(web)//打印baidu.com
//但有时候我们会不经意间踩到一些坑，比如：
console.log(web)
var web = "baidu.com" //不报错 打印undefined，明明先使用才声明的为什么不会报错呢？
//这就涉及到了js中的预解析机制
//上面代码执行情况为：
var web;
console.log(web)
web="baidu.com"
//web变量先被抽取出去，声明。然后执行打印会产生undefined
--------------------------------------------
//在函数中也存在变量提升
function fn(){
    if(false){
        var web="baidu.com"
    }
    console.log(web)
}
fn();//打印undefined 因为在解析器解析时，var web;被提升至if语句执行之前
--------------------------------------------
//问下面语句输出什么？
console.log(fn);

var fn = "baidu.com"
function fn(){
  var a = 10;
  console.log(a);
}
//结果：ƒ fn() {
//     var a = 10;
//     console.log(a);
//     }
  //**函数提升是优先于变量提升的，同名的变量和函数同时声明了，首先执行的是函数的声明**

--------------------------------------------
//推荐小伙伴使用es6中let或const声明变量，
//它们就没有变量提升的机制！