一篇文章看懂JavaScript变量提升，解决大部分面试题

之前在网上找过很多关于变量提升的资料，却一直迷迷糊糊的，对于这个还是略懂，弄了这么久，总算对于JavaScript的变量提升有了一个比较好的理解了。

---

看下面这个例子，我们来分析一下经过了那些过程

var num = 12
var obj = {name:'cbq',age:'20'}
function fn(){
    console.log(name)
}
复制代码

由于JavaScript会对代码进行处理，我们把这个过程称为预处理（变量提升）

第一步处理声明或者声明和定义

首先把所有带var的进行声明

function进行声明和定义

一定要注意：var只有声明，function是声明和定义

var num // 声明
var obj // 声明
function fn(){ // 声明和定义
    

} 
复制代码

这里我用一张图片来说明

第二步按照代码顺序依次执行代码

num = 12;
obj = {name:'cbq',age:'20'}
function fn(){ // 函数已经完成了声明和定义
    console.log(name)
}
复制代码

下面看这个例子，如果你自己分析对了，那么大部分就都会了，去试下吧。

console.log(num)
var num = 12
console.log(num)
var obj = {name:'cbq',age:'20'}
fn(100,200)
function fn(num1, num2){
    var total = num1 + num2
    console.log(total)
}
fn(10,200)

复制代码

先思考一会儿，再看答案和过程哦这样便于提升能力，希望少走些弯路 ~

~

~

~

~

~

公布答案和过程了哦

欢迎大佬们吐槽，有什么写得不到位的，直接留言给我哦。