什么是变量提升？什么是函数提升？

 

在js中只有两种作用域，全局作用域和函数作用域，在ES6之前，js是没有块级作用域。

JavaScript 代码的执行分为两个阶段。第一个阶段在当前词法环境中注册所有的变量和函数声明，简单说就是，解析，解析完成之后，第二个阶段的 JavaScript 执行就开始了！

JS中创建函数有两种方式：函数声明式和函数字面量式。只有函数声明才存在函数提升。

JavaScript 仅提升声明，而不提升初始化。如果你先使用的变量，再声明并初始化它，变量的值将是 undefined。

1:所有的声明都会提升到作用域的最顶上去。

2:同一个变量只会声明一次，其他的会被忽略掉。

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

变量提升的例子：

num = 6;
var num = 7;
var num;
console.log(num); // 不报错，输出7，也证明了变量只会声明一次，其他的会被忽略。

函数提升的例子：

catName("Chloe");// 即使在声明之前调用依然可以执行，不会报错

function catName(name) {
    console.log("我的猫名叫 " + name);
}

在定义的函数名字和变量名相同的情况下，函数提升优先级高于变量的例子：

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

输出1，不会输出2。函数声明和变量声明都会被提升，但是需要注意的是函数会先被提升，然后才是变量。

var func;尽管出现在function func()之前，但它是重复的声明，会被忽略，因为函数声明会被提升到普通变量之前。

等同于这样：

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

牢记这三点：

只有声明本身会被提升，而赋值操作不会被提升。

变量会提升到其所在函数的最上面，而不是整个程序的最上面。

函数声明会被提升，但函数表达式不会被提升。