说一说JavaScript的提升

声明在任何作用域的变量，都属于这个作用域，仅在作用域内可访问；那变量在作用域内到底是这么编译运行的呢？

变量声明提升

console.log(a);
var a=1;

你觉得以上代码的执行结果是什么呢？大多数会觉得他会报错吧，但其实他会输出 undefined ，这是为什么呢？

这就是我们今天要讲的声明提前，实际上，上一段代码JavaScript编译器会将它拆分成 var a; 和 a=1; 。
第一个定义声明是在编译阶段进行的，第二个赋值声明会留在原有位置等到执行阶段进行。

说一下这段代码打印出来是什么吧？

a=2;
console.log(a);
var a;

你们觉得这会打印出来undefined还是2呢？正确答案是2；实际上这两段代码是这么处理的

//代码块一
var a;
console.log(a);
a=1;

//代码块二
var a;
a=2;
console.log(2);

怎么样，是不是清楚了很多呢？
注意

一样，先上题

foo();
function foo(){
    
    
  console.log(1);
}

通过变量声明，我想大家很快就能判断出，控制台会输出1，那在看看下边这道呢？

foo();
var foo=function(){
    
    
  console.log(2)
}

看到这里是不是觉得控制台会输出2，但其实不是，控制台会报错 TypeError:foo is not a function这是为什么呢？
这就要说一下这两种函数定义的区别：
代码块1这种函数定义方式称为函数声明；而代码块2这种函数定义方式称为函数表达式

那么在看看这段代码，输出结果

foo(); // TyepError;
fun(); // ReferenceError;
var foo=function fun(){
    
    
  //...
}

这是由于变量声明提升，但是赋值操作停留在原地；实际这段代码是这样的。

var foo;
foo();
fun();
foo=function(){
    
    
  var fun= ...self...
}

foo();
var foo;
function foo(){
    
    
  console.log(1);
}
foo=function(){
    
    
  console.log(2)
}

大家觉得这个控制台会打印1还是2？实际答案是1，是不是很迷？看看这段代码引擎中是这么样呢？

function foo(){
    
    ...}
foo();
foo=function(){
    
    ...}

这就需要注意：

foo();//1
var foo;
function foo(){
    
    
  console.log(1);
}
foo=function(){
    
    
  console.log(2)
}
foo();//2