变量提升和函数提升

变量提升和函数提升

js和其他语言一样，都要经历编译和执行阶段。

而js在编译阶段的时候，会搜集所有的变量声明并且提前声明变量，而其他的语句都不会改变他们的顺序，因此，在编译阶段的时候，第一步就已经执行了，而第二步则是在执行阶段执行到该语句的时候才执行。

1. 变量提升

console.log(variable);
var variable = 'hello';
console.log(variable);

// 编译后
var variable                      // 变量提升，全局作用域范围内，此时只是声明，并没有赋值
console.log(variable);            // undefined
variable = '我是全局中的变量';       // 赋值位置不变
console.log(variable);            // hello

2.函数提升

必须是函数声明的形式，不能是函数表达式的形式（函数表达式，那就是变量提升方式）

函数提升方式：  （整个函数声明代码块提升到当前作用域的顶部，原先位置以不存在该代码）

  console.log(a);
  console.log(a());
  var a = function () {
    console.log('a');
  }
  function a () {
    console.log('function');
  }
  console.log(a);
  console.log(a());

  // 编译后
  function a () {                      // 函数提升在最前面
     console.log('function');
  }
  var a                                // 变量提升跟在后面
  console.log(a);                      // 打印 a () { console.log('function')}
  console.log(a());                    // 打印 undefined
  a = function () {                    // 变量赋值
     console.log('a');          
  }
  console.log(a);                      // a () { console.log('a')}
  console.log(a());                    //  打印 undefined

总结：

• 所有的声明都会提升到作用域的最顶上去。
• let 不存在变量提升

• 同一个变量只会声明一次，其他的会被忽略掉或者覆盖掉。

• 函数声明的优先级高于变量申明的优先级，并且函数声明和函数定义的部分一起被提升。